Configuration commonRangeBarSettings

An object that defines common configuration options for gauge range bars.

Type: Object

Use this object's properties to set options for all gauge range bars at once. If you need to set an individual value for a common option, use the corresponding rangeBar object within the rangeBars array. Values that are set individually override the corresponding common values.

backgroundColor

Specifies a range bar's background color.

Type: String
Default Value: 'none'

The background color is used to indicate the area reserved for range bars. This color is replaced with the color specified by the color property at the place where a range bar is positioned.

This option supports the following colors.

  • Hexadecimal colors
  • RGB colors
  • RGBA colors (not supported in Internet Explorer 8)
  • Predefined/Cross-browser color names
  • Predefined SVG colors (not supported in Internet Explorer 8)

baseValue

Specifies a scale value from which a range bar grows to the value specified by the value property (see rangeBars).

Type: Number
Default Value: undefined

color

Specifies a range bar color.

Type: String
Default Value: '#AD79CE'

This option supports the following colors.

  • Hexadecimal colors
  • RGB colors
  • RGBA colors (not supported in Internet Explorer 8)
  • Predefined/Cross-browser color names
  • Predefined SVG colors (not supported in Internet Explorer 8)

offset

Specifies the offset of a range bar from an invisible scale line in pixels.

Type: Number
Default Value: 30

Using this property, you can arrange range bars in several rows. For this purpose, set a different offset for them.

size

Specifies the range bar width.

Type: Number
Default Value: 10

text

Specifies font and formatting options of the text displayed by a range bar.

Type: Object

Note that the range bar's indent property must not be set to 0, if you need to show the text.