Vue
A newer version of this page is available. Switch to the current version.

JavaScript/jQuery CircularGauge - rangeContainer.ranges

An array of objects representing ranges contained in the range container.

Type:

Array<Object>

Default Value: []
Cannot be used in themes.

Ranges allow you to mark certain value ranges in the gauge. Visually, the ranges are displayed as bars along scales. To define ranges, introduce the ranges array. Specify a start value, an end value and a color for each range.

View Demo

color

Specifies a color of a range.

Type:

String

This property supports the following colors:

endValue

Specifies an end value of a range.

Type:

Number

startValue

Specifies a start value of a range.

Type:

Number