New to Kendo UI for Angular? Start a free 30-day trial

RadialLabelsComponent

Component

Configures the configuration options for the scale labels of the RadialGauge.

Definition

Package:@progress/kendo-angular-gauges

Selector:kendo-radialgauge-scale-labels

Syntax:

html

<kendo-radialgauge>
   <kendo-radialgauge-scale>
         <kendo-radialgauge-scale-labels [visible]="true" [format]="'N0'">
         </kendo-radialgauge-scale-labels>
    </kendo-radialgauge-scale>
</kendo-radialgauge>

Inputs

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?

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.

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.