All Components

Radial Gauge Overview

The Radial Gauge represents values on a circular arc.

Basic Usage

The following example demonstrates the Radial Gauge 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-radialgauge [pointer]="{ value: value }" [scale]="{ max: 50 }">
        </kendo-radialgauge>
    `
})
export class AppComponent {
  public value: number = 10;
}

Functionality and Features

In this article