New to Kendo UI for Angular? Start a free 30-day trial
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? |
|
The background of the Gauge area. Accepts valid CSS color strings, including hex and rgb. | |
border? |
|
The border of the Gauge area. | |
height? |
|
The height of the Gauge area. | |
margin? |
|
The margin of the Gauge area. | |
width? |
|
The width of the Gauge area. |