Vue LinearGauge - Rectangle

An object defining a gauge indicator of the rectangle type.

Type:

Object

Value Indicator

Rectangle Gauge Value Indicator DevExtreme

Subvalue Indicator

Rectangle 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.

width

Specifies the width of an indicator in pixels.

Type:

Number

Default Value: 15