valueIndicator

Specifies the appearance options of the value indicator.

Type:

Object

The value indicator is a pointer that 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 about 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, the gauge value is indicated by a circle. The appearance of this circle is customized using the color and length options.


                                    

                                    

type

Specifies the type of the value indicator.

Type:

String

Default Value: 'rangeBar'
Accepted Values: 'rectangle' | 'circle' | 'rhombus' | '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: Rectangle, Circle, Rhombus, RangeBar, TriangleMarker and TextCloud.

Show Example:
jQuery

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