New to Kendo UI for Angular? Start a free 30-day trial
ArcLabelsComponent
Represents the configuration options for the scale labels of the ArcGauge.
ts
import { Component } from '@angular/core';
@Component({
selector: 'my-app',
template: `
<kendo-arcgauge [value]="value">
<kendo-arcgauge-scale>
<kendo-arcgauge-scale-labels
color="blue"
font="12px Arial">
</kendo-arcgauge-scale-labels>
</kendo-arcgauge-scale>
</kendo-arcgauge>
`
})
export class AppComponent {
public value: number = 50;
}
Selector
kendo-arcgauge-scale-labels
Inputs
Name | Type | Default | Description |
---|---|---|---|
background? |
|
The background of the labels. Accepts valid CSS color strings, including hex and rgb. | |
border? |
|
The border of the labels. | |
color? |
|
The color of the labels. Accepts valid CSS color strings, including hex and rgb. | |
content? |
|
The function which returns the label content. The available fields in the function argument are:
| |
font? |
|
The font of the labels. | |
format? |
|
The format that is used to display the labels.
Uses the IntlService | |
margin? |
|
The margin of the labels. | |
padding? |
|
The padding of the labels. | |
position |
|
Sepcifies rhe position of the labels relative to the scale. | |
visible? |
|
The visibility of the labels. |