React LinearGauge - RangeBar
baseValue
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.
horizontalOrientation
Specifies the orientation of the rangeBar indicator. Applies only if the geometry.orientation option is "vertical".
This option specifies the orientation of the indicator relative to an invisible scale line.
When using the widget as an ASP.NET MVC Control, specify this option using the HorizontalEdge
enum. This enum accepts the following values: Left
and Right
.
palette
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.
When using the widget as an ASP.NET MVC Control, you can specify this option using the VizPalette
enum. This enum accepts the following values: Default
, SoftPastel
, HarmonyLight
, Pastel
, Bright
, Soft
, Ocean
, Vintage
, Violet
, Carmine
, DarkMoon
, SoftBlue
, DarkViolet
and GreenMist
.
verticalOrientation
Specifies the orientation of the rangeBar indicator. Applies only if the geometry.orientation option is "horizontal".
This option specifies the orientation of an indicator relative to an invisible scale line.
When using the widget as an ASP.NET MVC Control, specify this option using the VerticalEdge
enum. This enum accepts the following values: Top
and Bottom
.
If you have technical questions, please create a support ticket in the DevExpress Support Center.