ArcScaleComponent
Represents the configuration options for the scale of the ArcGauge (see example).
Definition
Package:@progress/kendo-angular-gauges
Selector:kendo-arcgauge-scale
Syntax:
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;
}Inputs
endAngle?
number
Sets the end angle of the Gauge in degrees.
Sets the scale labels configuration.
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.
Sets the minor scale ticks.
minorUnit?
number
Defines the interval between minor divisions.
rangeDistance?
number
Sets the distance between the scale ranges in pixels.
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.