ArcGauge HtmlHelper Overview

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

The ArcGauge represents a value on a circular arc.

Telerik UI for ASP.NET Core Ninja image

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.

Initializing the ArcGauge

  1. Follow all the steps from the introductory article on Telerik UI for ASP.NET Core.
  2. Create a new action method which renders the view.

    public ActionResult Index()
        return View();
  3. Add the ArcGauge.

        .Name("arcGauge") // The name of the AcrGauge is mandatory. It specifies the "id" attribute of the widget.
        .Scale(x => x.Min(0).Max(100))

Referencing Existing Instances

To reference an existing Telerik UI ArcGauge instance, use the configuration option. Once a reference is established, use the ArcGauge client-side API to control its behavior.

// Place the following after your Telerik UI ArcGauge for ASP.NET Core declaration.
    $(function() {
        // The Name() of the ArcGauge is used to get its client-side instance.
        var gauge = $("#arcGauge").data("kendoArcGauge");

See Also

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