New to Kendo UI for Angular? Start a free 30-day trial
CircularGaugeScaleComponent
Updated on Nov 4, 2025
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.  |