scale.rangesArray

The ranges of the scale.

Example

<div id="linear-gauge"></div>
<script>
    $("#linear-gauge").kendoLinearGauge({
      scale: {
        ranges: [{
          from: 10,
          to: 20,
          color: "green"
        }]
      }
    });
</script>

scale.ranges.fromNumber

The start position of the range in scale units.

scale.ranges.toNumber

The end position of the range in scale units.

scale.ranges.opacityNumber

The opacity of the range.

scale.ranges.colorString

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