Radial Gauge Scale

The scale of the Telerik UI RadialGauge for ASP.NET Core renders the values, pointers and labels. It can be customized by adding the Scale option to the widget. The Scale exposes the following child options:

• Min and Max

• MinorUnit and MajorUnit

• Reverse

Min and Max

• The Min (double) sets the lowest value of the widget.

• The Max (double) sets the maximum value of the widget.

    @(Html.Kendo().RadialGauge()
          .Name("gauge")
          .Scale(scale => scale
              .Min(10)
              .Max(180)
          )
    )

    <kendo-radialgauge name="gauge">
        <scale min="10" max="180">
        </scale>
    </kendo-radialgauge>

MinorUnit and MajorUnit

• The MajorUnit (double) parameter controls the interval between the major unit divisions of the widget. The values provided to the radial gauge's Pointer will render as a MajorUnit tick. The labels will be rendered next to the MajorUnit ticks.

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

    @(Html.Kendo().RadialGauge()
          .Name("gauge")
          .Scale(scale => scale
              .MajorUnit(20)
              .MinorUnit(5)
          )
    )

    <kendo-radialgauge name="gauge">
        <scale minor-unit="5" major-unit="20">
        </scale>
    </kendo-radialgauge>

Reverse

If you set the Reverse (bool) option to true, the values of the scale will increase right to left. By default they will raise from left to right.

    @(Html.Kendo().RadialGauge()
          .Name("gauge")
          .Scale(scale => scale
            .Reverse(true)
          )
    )

    <kendo-radialgauge name="gauge">
        <scale reverse="true">
        </scale>
    </kendo-radialgauge>

See Also

• Overview of the RadialGauge