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

Name	Type	Default	Description
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.