New to Kendo UI for Angular? Start a free 30-day trial
RadialPointersComponent
A collection of one or more RadialGauge pointers (more information and example).
ts
import { Component } from '@angular/core';
@Component({
selector: 'my-app',
template: `
<kendo-radialgauge>
<kendo-radialgauge-pointers>
<kendo-radialgauge-pointer *ngFor="let pointer of pointers"
[value]="pointer.value" [color]="pointer.color">
</kendo-radialgauge-pointer>
</kendo-radialgauge-pointers>
</kendo-radialgauge>
`
})
export class AppComponent {
public pointers: any[] = [{
value: 10,
color: '#ffd246'
}, {
value: 20,
color: '#28b4c8'
}, {
value: 30,
color: '#78d237'
}];
}
Selector
kendo-radialgauge-pointers