Linear Gauge

The Wijmo LinearGauge widget delivers the exact graphical representation you need. Choose from horizontal, vertical, or tilted linear gauges.

[highlight]
jQuery UI linear gauge orientation

Orientation

You can place the linear gauge horizontally or vertically on the page.
[/highlight]

[highlight]

Ranges

Add colored ranges to the gauge to draw attention to a certain range of values. Use simple properties to customize their start and end points, as well as location, size, and appearance. Create non-linear ranges by specifying a start and end width to show growth and add visual appeal to any gauge.
[/highlight]

[highlight]
Logarithmic jQuery UI linear gauge

Logarithmic

Make the tick marks non-uniform by using the islogarithmic and logarithmicBase options.
[/highlight]

[highlight]

Pointer customization

  • Choose from many predefined pointer shapes, customize the shape, or import your own custom image to use as the pointer.
  • Specify the exact position of the pointer origin in radial and linear gauges. This allows you to decentralize the pointer to either side or the bottom of the gauge.

[/highlight]

[highlight]

Animation

Gauges come out-of-the-box with smooth animations. You can customize the animations. For example, for the pointer animation, you may set the time interval for the animation as the value changes. You can also decrease the frequency of redrawing for the gauge widget if the source value is changed too frequently for observation.
[/highlight]