LinearGauge HtmlHelper Overview

The LinearGauge HtmlHelper extension is a server-side wrapper for the Kendo LinearGauge widget.

Getting Started

Configuration

1. Add a LinearGauge.

   Example

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

Reference

Existing Instances

To reference an existing Kendo UI LinearGauge instance, use the jQuery.data() configuration option. Once a reference is established, use the LinearGauge API to control its behavior.

Example

    // Put this after your Kendo UI LinearGauge for ASP.NET Core declaration.
    <script>
    $(function() {
    // Notice that the Name() of the LinearGauge is used to get its client-side instance.
        var gauge = $("#linearGauge").data("kendoLinearGauge");
    });
    </script>

See Also

• Overview of the Kendo UI jQuery LinearGauge Widget
• Overview of the UI for ASP.NET Core ArcGauge
• Overview of the UI for ASP.NET Core RadialGauge
• UI for ASP.NET Core LinearGauge official live demos