ArcGauge TagHelper Overview

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

The ArcGauge represents a value on a circular arc.

The ArcGauge is part of Telerik UI for ASP.NET Core, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Download Free Trial

• Demo page for the ArcGauge

Initializing the ArcGauge

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

<kendo-arclgauge name="gauge"></kendo-arcgauge>

Basic Configuration

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

    <kendo-arcgauge name="gauge" center-template="#:value#%" value="65">
        <scale min="0" max="100">
        </scale>
    </kendo-arcgauge>

    @(Html.Kendo().ArcGauge()
        .Name("arcGauge")
        .Value(65)
        .Scale(x => x.Min(0).Max(100))
        .CenterTemplate("#:value#%")
    )

See Also

• Basic Usage of the ArcGauge TagHelper for ASP.NET Core (Demo)
• Server-Side API