New to Kendo UI for Angular? Start a free 30-day trial

LinearPointersComponent

A collection of one or more LinearGauge pointers (more information).

import { Component } from '@angular/core';

@Component({
    selector: 'my-app',
    template: `
        <kendo-lineargauge>
            <kendo-lineargauge-pointers>
                <kendo-lineargauge-pointer *ngFor="let pointer of pointers"
                    [value]="pointer.value" [color]="pointer.color" shape="barIndicator">
                </kendo-lineargauge-pointer>
            </kendo-lineargauge-pointers>
        </kendo-lineargauge>
    `
})
export class AppComponent {
    public pointers: any[] = [{
        value: 10,
        color: '#ff4500'
    }, {
        value: 12,
        color: '#28b4c8'
    }, {
        value: 20,
        color: '#8b0000'
    }];
}

Selector

kendo-lineargauge-pointers

In this article

Not finding the help you need?