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.

@Component({
    selector: 'my-app',
    template: `
        <div class="row">
            <div class="col-sm-12 col-md-6">
                <kendo-lineargauge [pointer]="{ value: value }" [scale]="{ vertical: false }">
                </kendo-lineargauge>
            </div>
            <div class="col-sm-12 col-md-6">
                <kendo-lineargauge [pointer]="{ value: value }" [scale]="{ vertical: true }">
                </kendo-lineargauge>
            </div>
        </div>
    `,
    styles: [`
        .k-gauge {
            display: block;
        }
    `]
})
export class AppComponent {
    public value: number = 10;
}

In this article