Edit this page

scale.ranges Array

The ranges of the scale.


<div id="gauge"></div>
    renderAs: "canvas",
    pointer: {
    value: 50
    scale: {
    min: 0,
    max: 100,
    ranges: [{
        from: 10,
        to: 20,
        color: "green"

scale.ranges.from Number

The start position of the range in scale units.

scale.ranges.to Number

The end position of the range in scale units.

scale.ranges.opacity Number

The opacity of the range.

scale.ranges.color String

The color of the range. Any valid CSS color string will work here, including hex and rgb.

Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article