React LinearGauge - TextCloud

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

Type:

Object

Value Indicator

TextCloud Gauge Value Indicator DevExtreme

Subvalue Indicator

TextCloud Gauge Subvalue Indicator DevExtreme

arrowLength

Specifies the length of an arrow for the indicator of the textCloud type in pixels.

Type:

Number

Default Value: 5

color

Specifies a color of the indicator.

Type:

String

Default Value: '#679EC5'

offset

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

Type:

Number

Default Value: -1

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.

text

Specifies the appearance of the text displayed in an indicator of the rangeBar type.

Type:

Object

Note that the indent option of the text configuration object must not be set to 0 if you need to show the text.