valueIndicator

Specifies the appearance options of the value indicator.

Type:

Object

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:
jQuery

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.


                                    

                                    

type

Specifies the value indicator type.

Type:

String

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 using the widget as an ASP.NET MVC Control, specify this option using the GaugeIndicatorType enum. This enum accepts the following values: RectangleNeedle, TriangleNeedle, TwoColorNeedle, RangeBar, TriangleMarker and TextCloud.

Show Example:
jQuery

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