@progress/kendo-gauges-vue-wrapper/docs/lineargauge/orientation.md

Kendo UI Gauges wrapper for Vue.js

---
title: Orientation
page_title: Orientation - LinearGauge - Kendo UI for Vue
description: "Render the Kendo UI LinearGauge wrapper in Vue projects vertically or horizontally."
slug: orientation_lineargauge_wrapper
canonicalLink: "https://www.telerik.com/kendo-vue-ui/components/gauges/lineargauge/orientation/"
position: 4
---

<div><WrapperBanner link="/kendo-vue-ui/components/gauges/lineargauge/orientation/"></WrapperBanner></div>    

# 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`.

{% meta height:400 %}
{% embed_file lineargauge/orientation/main.vue preview %}
{% embed_file lineargauge/orientation/main.js %}
{% endmeta %}

## Suggested Links

* [Kendo UI LinearGauge](https://docs.telerik.com/kendo-ui/controls/gauges/lineargauge/overview)
* [API Reference of the LinearGauge Widget](https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/lineargauge)