Multiple Pointers

The RadialGauge enables you to highlight values by rendering multiple pointers.

You can add and implement an array of pointers to the RadialGauge by utilizing the pointer configuration.

<div id="vueapp" class="vue-app">
    <kendo-radialgauge  :scale-min="0"
                        :scale-max="50">
        <kendo-radialgauge-pointer :value="30" :color="'blue'"></kendo-radialgauge-pointer>
        <kendo-radialgauge-pointer :value="20" :color="'red'"></kendo-radialgauge-pointer>
    </kendo-radialgauge>
</div>
Vue.use(GaugesInstaller);
new Vue({
    el: '#vueapp'
})

In this article