ASP.NET Core RadialGauge Overview

The Telerik UI RadialGauge TagHelper and HtmlHelper for ASP.NET Core are server-side wrappers for the Kendo UI RadialGauge widget.

The RadialGauge represents values on a radial arc.

• Demo page for the RadialGauge HtmlHelper

• Demo page for the RadialGauge TagHelper

Initializing the RadialGauge

The following example demonstrates how to initialize the RadialGauge.

Razor

    @(Html.Kendo().RadialGauge()
          .Name("radialGauge") // The name of the RadialGauge is mandatory. It specifies the "id" attribute of the widget.
          .Scale(scale => scale
              .Min(0) // Set the min value of the RadialGauge.
              .Max(200) // Set the min value of the RadialGauge.
          )
          .Pointer(pointer => pointer
              .Value(10) // Set the value of the RadialGauge.
          )
    )

Razor

    <kendo-radialgauge name="radialGauge">
        <radialgauge-pointers>
            <pointer value="10"></pointer>
        </radialgauge-pointers>
        <scale min="0" max="200">
        </scale>
    </kendo-radialgauge>

Functionality and Features

• Scale—You can control how the scale of the Radial Gauge renders the values, pointers and labels.
• Pointers—The Pointers of the Telerik UI RadialGauge for ASP.NET Core are the values that will be marked on the scale.
• Export—You can export the Radial Gauge as an image, SVG, or a PDF file.

Next Steps

• Getting Started with Radial Gauge

• Basic Usage of the RadialGauge HtmlHelper for ASP.NET Core (Demo)

• Basic Usage of the RadialGauge TagHelper for ASP.NET Core (Demo)

See Also

• Basic Usage of the Radial Gauge for ASP.NET Core (Demo)
• Knowledge Base Section