New to Kendo UI for AngularStart a free 30-day trial

ArcScaleComponent

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

ts
import { Component } from '@angular/core';

@Component({
    selector: 'my-app',
    template: `
        <kendo-arcgauge [value]="value">
            <kendo-arcgauge-scale
                [startAngle]="-90"
                [endAngle]="90"
                [rangeDistance]="10">
            </kendo-arcgauge-scale>
        </kendo-arcgauge>
    `
})
export class AppComponent {
    public value: number = 30;
}

Selector

kendo-arcgauge-scale

Inputs

NameTypeDefaultDescription

endAngle?

number

Sets the end angle of the Gauge in degrees.

labels?

RadialLabels

Sets the scale labels configuration.

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.

rangeDistance?

number

Sets the distance between the scale ranges in pixels.

rangeLineCap?

LineCap

Sets the line cap style for the scale ranges.

rangePlaceholderColor?

string

Sets the default color of the ranges.

rangeSize?

number

Specifies the width of the range indicators.

reverse?

boolean

Reverses the scale direction.

startAngle?

number

Sets the start angle of the Gauge in degrees.

In this article
SelectorInputs
Not finding the help you need?
Contact Support