RangeBar

An object that defines a gauge indicator of the rangeBar type.

Type: Object

Value Indicator

RangeBar Gauge Value Indicator DevExtreme

Subvalue Indicator

RangeBar Gauge Subvalue Indicator DevExtreme

backgroundColor

Specifies the background color for the indicator of the rangeBar type.

Type: String
Default Value: 'none'

baseValue

Specifies the base value for the indicator of the rangeBar type.

Type: Number
Default Value: undefined
Cannot be used in themes.

By default, a range bar starts from the beginning of the gauge scale. If you need to draw the range bar starting from a specific scale value, assign the required value to the baseValue option. In this instance, the range bar will display the range from the baseValue to the main gauge value.

View Demo

color

Specifies a color of the indicator.

Type: String
Default for value indicators: '#C2C2C2'
Default for subvalue indicators: '#8798a5'

horizontalOrientation

Specifies the orientation of the rangeBar indicator on a vertically oriented dxLinearGauge widget.

Type: String
Default for value indicators: 'right'
Default for subvalue indicators: 'left'
Accepted Values: 'left' | 'right'

This option specifies the orientation of the indicator relative to an invisible scale line.

NOTE: The horizontalOrientation option requires the gauge to be vertical. Assign "vertical" to the geometry | orientation option to display the gauge vertically.

offset

Specifies the distance between the indicator and the invisible scale line.

Type: Number
Default for value indicators: 20
Default for subvalue indicators: 6
Default for value and subvalue indicators: 10

palette

Sets the array of colors to be used for coloring subvalue indicators.

Type: Array
Default Value: undefined

Use this option to color subvalue indicators. If the number of colors in the specified array is less than the number of subvalue indicators, the colors are repeated, but slightly modified.

If you need to draw all subvalue indicators in one color, specify the subvalueIndicator | color option.

size

Specifies the range bar size for an indicator of the rangeBar type.

Type: Number
Default Value: 10

text

Specifies the appearance of the text displayed in an indicator of the rangeBar type.

Type: Object

Note that the indent option of the text configuration object must not be set to 0 if you need to show the text.

verticalOrientation

Specifies the orientation of the rangeBar indicator on a horizontally oriented dxLinearGauge widget.

Type: String
Default for value indicators: 'bottom'
Default for subvalue indicators: 'top'
Accepted Values: 'top' | 'bottom'

This option specifies the orientation of an indicator relative to an invisible scale line.

NOTE: The verticalOrientation option requires the gauge to be horizontal. Assign "horizontal" to the geometry | orientation option to display the gauge horizontally.