Angular LinearGauge - Circle

An object that defines a gauge indicator of the circle type.

Type:

Object

Value Indicator

Circle Gauge Value Indicator DevExtreme

Subvalue Indicator

Circle Gauge Subvalue Indicator DevExtreme

color

Specifies a color of the indicator.

Type:

String

Default Value: '#C2C2C2'

length

Specifies the indicator length.

Type:

Number

Default Value: 15

offset

Specifies the distance between the indicator and the invisible scale line.

Type:

Number

Default Value: 2.5

CircularGauge Demo View Demo

palette

Sets the array of colors to be used for coloring subvalue indicators.

Type:

Array<String>

|

String

Default Value: 'Default'
Accepted Values: 'Default' | 'Soft Pastel' | 'Harmony Light' | 'Pastel' | 'Bright' | 'Soft' | 'Ocean' | 'Vintage' | 'Violet' | 'Carmine' | 'Dark Moon' | 'Soft Blue' | 'Dark Violet' | 'Green Mist'

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.