ColorComponent

Represents the configuration options for an ArcGauge color item.

ts

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

@Component({
    selector: 'my-app',
    template: `
        <kendo-arcgauge [value]="value">
            <kendo-arcgauge-colors>
                <kendo-arcgauge-color
                    [from]="0"
                    [to]="50"
                    color="green">
                </kendo-arcgauge-color>
            </kendo-arcgauge-colors>
        </kendo-arcgauge>
    `
})
export class AppComponent {
    public value: number = 25;
}

Selector

kendo-arcgauge-color

Inputs

Name	Type	Default	Description
color?	string		Sets the color of the range. Accepts a valid CSS color string, including hex and rgb.
from?	number		Sets the start value of the range.
opacity?	number		Sets the opacity of the range.
to?	number		Sets the end value of the range.