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

LinearLabelsComponent

Component

Represents the configuration options for the LinearGauge scale labels.

Definition

Package:@progress/kendo-angular-gauges

Selector:kendo-lineargauge-scale-labels

Syntax:

html

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

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

(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.

visible

boolean

The visibility of the labels.