LinearGauge HtmlHelper Overview

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

Getting Started

Configuration

Add the 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