Multiple Pointers

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

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

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

In this article