All Components

Orientation

You can render the LinearGauge either vertically or horizontally.

By default, the LinearGauge is rendered vertically. To change its orientation, set the :scale-vertical option to false.

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