Kendo UI for jQuery LinearGauge Overview

The LinearGauge represents values on a linear scale.

All graphics render on the client by using the Scalable Vector Graphics (SVG) format.

Kendo UI for jQuery Kendoka image

The LinearGauge is part of Kendo UI for jQuery, 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 LinearGauge

To create the LinearGauge, use a div element and, optionally, set a height and width by using CSS.

<div id="linear-gauge"></div>

The following example demonstrates how to initialize the LinearGauge with its default configuration.

   $(document).ready(function() {
       $("#linear-gauge").kendoLinearGauge();
   });
</p>

The following example demonstrates how to create a horizontal LinearGauge with a value of 20 and a minimum value of 10.

    $("#linear-gauge").kendoLinearGauge({
        pointer: {
            value: 20
        },
        scale: {
            min: 10,
            vertical: false
        }
    });

See Also

In this article