New to Kendo UI for Angular? Start 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
Name | Type | Default | Description |
---|---|---|---|
endAngle? |
|
Sets the end angle of the Gauge in degrees. | |
labels? |
|
Sets the scale labels configuration. | |
majorTicks? |
|
Sets the major scale ticks. | |
majorUnit? |
|
Defines the interval between major divisions. | |
max? |
|
Specifies the maximum value of the scale. | |
min? |
|
Specifies the minimum value of the scale. | |
minorTicks? |
|
Sets the minor scale ticks. | |
minorUnit? |
|
Defines the interval between minor divisions. | |
rangeDistance? |
|
Sets the distance between the scale ranges in pixels. | |
rangeLineCap? |
|
Sets the line cap style for the scale ranges. | |
rangePlaceholderColor? |
|
Sets the default color of the ranges. | |
rangeSize? |
|
Specifies the width of the range indicators. | |
reverse? |
|
Reverses the scale direction. | |
startAngle? |
|
Sets the start angle of the Gauge in degrees. |