ArcGaugeAreaComponent

Represents the configuration options of the ArcGauge area. Controls the entire visible area of the ArcGauge.

ts

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

@Component({
    selector: 'my-app',
    template: `
        <kendo-arcgauge [value]="value">
            <kendo-arcgauge-area
                background="lightgray"
                [margin]="10">
            </kendo-arcgauge-area>
        </kendo-arcgauge>
    `
})
export class AppComponent {
    public value: number = 40;
}

Selector

kendo-arcgauge-area

Inputs

Name	Type	Default	Description
background?	string		The background of the Gauge area. Accepts valid CSS color strings, including hex and rgb.
border?	Border		The border of the Gauge area.
height?	number		The height of the Gauge area.
margin?	number | Margin		The margin of the Gauge area.
width?	number		The width of the Gauge area.