colors Array

    The color ranges of the value pointer. The pointer color will be set to the color from the range that contains the current value.

    Example

    Open In Dojo
    <div id="gauge"></div>
    <script>
     $("#gauge").kendoCircularGauge({
        value: 30,
        colors: [{
            to: 25,
            color: '#0058e9'
        }, {
            from: 25,
            to: 50,
            color: '#37b400'
        }, {
            from: 50,
            to: 75,
            color: '#ffc000'
        }, {
            from: 75,
            color: '#f31700'
        }]
     });
    </script>
    In this article