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() {

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

        pointer: {
            value: 20
        scale: {
            min: 10,
            vertical: false

See Also

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