New to Telerik UI for Blazor? Start a free 30-day trial

Circular Gauge Scale

Updated on Oct 1, 2026

The scale of the Circular Gauge renders the values, pointers and labels. You can customize it by adding an instance of the <CircularGaugeScale> to the <CircularGaugeScales> collection, child tag of the <TelerikCircularGauge>.

The <CircularGaugeScale> exposes the following parameters:

MinorTicks and MajorTicks

  • The MinorTicks (object) parameter configures the scale minor ticks. It exposes Color, Size, Visible and Width parameters to control the rendering of the minor ticks.

    • The default value of the Visible parameter is false, so in order to display the MinorTicks on the scale include <CircularGaugeScaleMinorTicks Visible="true"></CircularGaugeScaleMinorTicks> in the <CircularGaugeScale> tag.
  • The MajorTicks (object) parameter configures the scale major ticks. It exposes Color, Size, Visible and Width parameters to control the rendering of the major ticks.

    • The default value of the Visible parameter is false, so in order to display the MajorTicks on the scale include <CircularGaugeScaleMajorTicks Visible="true"></CircularGaugeScaleMajorTicks> in the <CircularGaugeScale> tag.

Change the rendering of the minor and major ticks.

Example
View Source
Loading ...

Min and Max

  • The Max (double) parameter controls the maximum value that the component can reach.

  • The Min (double) parameter controls the minimum value of the component.

Change the minimum and the maximum values for the scale.

Example
View Source
Loading ...

MinorUnit and MajorUnit

  • The MajorUnit (double) parameter controls the interval between the major unit divisions of the component. The labels will be rendered next to the MajorUnit ticks.

  • The MinorUnit (double) parameter controls the interval between the minor unit divisions of the component.

Change the rendering of the minor and major unit divisions.

Example
View Source
Loading ...

Start Angle

The StartAngle (double) parameter controls the start angle of the gauge. The gauge is rendered clockwise (0 degrees are the 180 degrees in the polar coordinate system). Defaults to 90 degrees.

Change the Start Angle of the Circular Gauge.

Example
View Source
Loading ...

Reverse

If you set the Reverse (bool) parameter to true the scale direction will be reversed - values will increase anticlockwise.

Reverse the scale of the Circular Gauge.

Example
View Source
Loading ...

Additional Customization

To further customize the elements of the Circular Gauge you can use nested tags. When configuring nested properties and child elements in your Circular Gauge, the inner tags will contain their parent tag name and add specifics to its end. In general the structure of such nested tags will be <CircularGauge*Category**Specifics*> where the Category can be one of the following:

  • Scale
  • GaugeArea

See Also