The value indicator is a pointer which designates the main value of the gauge. There are several types of value indicators. Set the required one by using the type option, and then specify the options that are specific to this type, if needed. To learn the options that can be specified for a particular type, refer to one of the following sections.
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.
Specifies the orientation of the rangeBar indicator. Applies only if the geometry.orientation option is "vertical".
Specifies the distance between the needle and the center of a gauge for the indicator of a needle-like type.
When you use a twoColorNeedle indicator, define the colors for it using the color and secondColor options. The color option sets the color for the base of the needle. The secondColor option sets the color for the tip of the needle.
This option supports the following colors:
- Hexadecimal colors
- RGB colors
- RGBA colors
- Predefined/cross-browser color names
- Predefined SVG colors
- Paint server address
In addition, you can specify the ratio between the main and the second color using the secondFraction option.
Different options of the valueIndicator configuration object can be set for different types of the value indicator. These options are listed within the Indicator Types section.
GaugeIndicatorType enum to specify this option when the widget is used as an ASP.NET MVC 5 Control or a DevExtreme-Based ASP.NET Core Control. This enum accepts the following values:
Specifies the orientation of the rangeBar indicator. Applies only if the geometry.orientation option is "horizontal".