Getting Started with Kendo UI for Angular RadialGauge
The RadialGauge represents values on a circular arc.
Basic Usage
The following example demonstrates the RadialGauge 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;
}