All Components

Value Ranges

The LinearGauge enables you to set minimum and maximum scale values.

To define the value range, use the :scale-min and :scale-max options.

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