LinearGauge Overview

The LinearGauge represents values on a linear scale.

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

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
Not finding the help you need? Improve this article