RadialGauge TagHelper Overview

The Telerik UI RadialGauge TagHelper for ASP.NET Core is a server-side wrapper for the Kendo UI RadialGauge widget.

The RadialGauge represents values on a circular arc.

Initializing the RadialGauge

The following example demonstrates how to define the RadialGauge by using the RadialGauge TagHelper.

<kendo-radialgauge name="gauge"></kendo-radialgauge>

Basic Configuration

The RadialGauge TagHelper configuration options are passed as attributes of the tag.

    <kendo-radialgauge name="gauge">
        <radialgauge-pointers>
            <pointer value="65"></pointer>
        </radialgauge-pointers>
        <scale minor-unit="5" start-angle="-30" end-angle="210" max="180">
        </scale>
    </kendo-radialgauge>
     @(Html.Kendo().RadialGauge()
        .Name("gauge")
        .Pointer(pointer => pointer.Value(65))
        .Scale(scale => scale
            .MinorUnit(5)
            .StartAngle(-30)
            .EndAngle(210)
            .Max(180)
        )
    )

See Also

In this article
Not finding the help you need? Improve this article