Specifies the appearance options of the value indicator.



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.

View Demo

Show Example:

In this example, several options of the valueIndicator configuration object are changed. Here, the gauge value is indicated by a two-color needle. The appearance of this needle is customized using the color, secondColor and width options. In addition, the look of the spindle is altered using the spindleSize and spindleGapSize options.




Specifies the value indicator type.



Default Value: 'rectangleNeedle'
Accepted Values: 'rectangleNeedle' | 'triangleNeedle' | 'twoColorNeedle' | 'rangeBar' | 'triangleMarker' | 'textCloud'

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.

When configuring the widget using ASP.NET MVC Wrappers, specify this option using the GaugeIndicatorType enum. This enum accepts the following values: RectangleNeedle, TriangleNeedle, TwoColorNeedle, RangeBar, TriangleMarker and TextCloud.

Show Example:

Use the drop-down menu below to change the type of the value indicator.