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?	string		The background of the labels. Accepts valid CSS color strings, including hex and rgb.
border?	Border		The border of the labels.
color?	string		The color of the labels. Accepts valid CSS color strings, including hex and rgb.
content?	(e: any) => string		The function which returns the label content. The available fields in the function argument are: value—The value of the label.
font?	string		The font of the labels.
format?	string		The format that is used to display the labels. Uses the IntlService format method.
margin?	number | Margin		The margin of the labels.
padding?	number | Padding		The padding of the labels.
position	RadialLabelPosition		Sepcifies rhe position of the labels relative to the scale.
visible?	boolean		The visibility of the labels.