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 ending angle of the Gauge in degrees. The Gauge renders clockwise where 0 degrees equals 180 degrees in the polar coordinate system.
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 range indicators and the ticks in pixels.
Sets the lineCap style of the 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 starting angle of the Gauge in degrees. The Gauge renders clockwise where 0 degrees equals 180 degrees in the polar coordinate system.