Edit this page

RadialGauge Tag Helper Overview

The RadialGauge tag helper helps you configure the Kendo UI RadialGauge widget in ASP.NET Core applications.

Basic Usage

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

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

Configuration

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

Example
    <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