New to Telerik UI for ASP.NET MVC? Download free 30-day trial

Scale

The ArcGauge has a scale that renders the values, pointers and labels. You can customize it through the Scale option. The Scale exposes the following options:

Min and Max

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

  • The Max (double) sets the highest value of the component scale.

    @(Html.Kendo().ArcGauge()
        .Name("gauge")
        .Value(65)
        .Scale(x => x.Min(0).Max(100))
    )

MinorUnit and MajorUnit

  • The MajorUnit (double) option controls the interval between the major unit divisions of the component scale. The values provided to the ArcGauge'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 component scale.

    @(Html.Kendo().ArcGauge()
        .Name("gauge")
        .Value(65)
        .Scale(x => x.MajorUnit(20).MinorUnit(5))
    )

Reverse

The Reverse() option reverses the scale direction - the values increase counterclockwise.

    @(Html.Kendo().ArcGauge()
        .Name("gauge")
        .Value(65)
        .Scale(x => x.Reverse(true))
    )

See Also

In this article