All Components

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