Arc Gauge Scale
The scale of the Telerik UI ArcGauge 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
The
Min
(double
) sets the lowest value of the widget.The
Max
(double
) sets the maximum value of the widget.
@(Html.Kendo().ArcGauge()
.Name("gauge")
.Value(65)
.Scale(x => x.Min(0).Max(100))
)
<kendo-arcgauge name="gauge" value="65">
<scale min="0" max="100">
</scale>
</kendo-arcgauge>
MinorUnit and MajorUnit
The
MajorUnit
(double
) parameter controls the interval between the major unit divisions of the widget. The values provided to the arc gauge'sPointer
will render as aMajorUnit
tick. The labels will be rendered next to theMajorUnit
ticks.The
MinorUnit
(double
) parameter controls the interval between the minor unit divisions of the widget.
@(Html.Kendo().ArcGauge()
.Name("gauge")
.Value(65)
.Scale(x => x.MajorUnit(20).MinorUnit(5))
)
<kendo-arcgauge name="gauge" value="65">
<scale major-unit="20" minor-unit="5">
</scale>
</kendo-arcgauge>
Reverse
Reverses the scale direction - values are increased counterclockwise.
@(Html.Kendo().ArcGauge()
.Name("gauge")
.Value(65)
.Scale(x => x.Reverse(true))
)
<kendo-arcgauge name="gauge" value="65">
<scale reverse="true">
</scale>
</kendo-arcgauge>