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
The background of the labels. Accepts valid CSS color strings, including hex and rgb.
color?
string
The color of the labels. Accepts valid CSS color strings, including hex and rgb.
The function which returns the label content.
The available fields in the function argument are:
value—The value of the label.
Parameters:eanyReturns:
string
font?
string
The font of the labels.
Sepcifies rhe position of the labels relative to the scale.
visible?
boolean
The visibility of the labels.