CircularGaugeLabelsComponent
Component
Represents the configuration options for the scale labels of the Circular Gauge.
Definition
Package:@progress/kendo-angular-gauges
Selector:kendo-circulargauge-scale-labels
Syntax:
ts
import { Component } from '@angular/core';
@Component({
selector: 'my-app',
template: `
<kendo-circulargauge [value]="value">
<kendo-circulargauge-scale>
<kendo-circulargauge-scale-labels
color="blue"
font="12px Arial">
</kendo-circulargauge-scale-labels>
</kendo-circulargauge-scale>
</kendo-circulargauge>
`
})
export class AppComponent {
public value: number = 75;
}Inputs
background
string
Sets the background of the labels. Accepts valid CSS color strings, including hex and rgb.
color
string
Sets the color of the labels. Accepts valid CSS color strings, including hex and rgb.
content
(e: any) => string
Sets the function which returns the label content.
The available fields in the function argument are:
value—The value of the label.
font
string
Sets the font of the labels.
Sets the position of the labels. This property determines where the labels will be placed relative to the radial gauge.
visible
boolean
Sets the visibility of the labels.