New to Kendo UI for Angular? Start a free 30-day trial
CircularGaugeScaleComponent
Represents the configuration options for the scale of the Circular Gauge (see example).
typescript
@Component({
selector: 'my-app',
template: `
<kendo-circulargauge>
<kendo-circulargauge-scale [min]="0" [max]="100">
</kendo-circulargauge-scale>
</kendo-circulargauge>
`
})
class AppComponent { }
Selector
kendo-circulargauge-scale
Inputs
Name | Type | Default | Description |
---|---|---|---|
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. |