All Components

LinearGauge Overview

The LinearGauge represents values on a linear scale.

Basic Usage

The following example demonstrates the LinearGauge in action.

@Component({
    selector: 'my-app',
    template: `
        <div class="example-config">
            <kendo-slider id="value" [min]="0" [max]="50" [smallStep]="10" [(ngModel)]="value"></kendo-slider>
            <label for="value">Value</label>
        </div>
        <kendo-lineargauge [pointer]="{ value: value }" [scale]="{ max: 50 }">
        </kendo-lineargauge>
    `
})
export class AppComponent {
  public value: number = 10;
}

Functionality and Features

In this article