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

LinearScaleComponent

Component

Represents the configuration options for the scale of the LinearGauge (see example).

Definition

Package:@progress/kendo-angular-gauges

Selector:kendo-lineargauge-scale

Syntax:

html

<kendo-lineargauge>
    <kendo-lineargauge-scale [mirror]="true" [vertical]="false">
    </kendo-lineargauge-scale>
</kendo-lineargauge>

Inputs

labels?

Labels

Sets the scale labels.

line?

Line

Configures the appearance of the scale line.

majorTicks?

Ticks

Sets the major scale ticks.

majorUnit?

number

Defines the interval between major divisions.

max?

number

Specifies the maximum value of the scale.

min?

number

Specifies the minimum value of the scale.

minorTicks?

Ticks

Sets the minor scale ticks.

minorUnit?

number

Defines the interval between minor divisions.

mirror?

boolean

Mirrors the scale labels and ticks. When you set this option to true, the labels and ticks appear on the opposite side of the scale.

Default:

false

rangePlaceholderColor?

string

Sets the default color of the ranges.

ranges?

Range[]

Configures the ranges that are displayed on the scale.

rangeSize?

number

Specifies the width of the range indicators.

reverse?

boolean

Reverses the scale direction.

vertical?

boolean

Sets the orientation of the scale. When you set this option to false, the scale displays horizontally.

Default:

true