Introduction

Wijmo includes LinearGauge and RadialGauge controls that are flexible, easy to use, and optimized to show information clearly on small screens.

Wijmo also includes a BulletGraph control that is designed to be used in dashboard applications. The BulletGraph control is optimized to show information about a single performance measure in a compact and clear manner.

Using Gauges as Input Elements

Wijmo gauges can be used not only to display data, but also as input elements. Set the isReadOnly property to false to allow users to change the gauge value using the keyboard or any touch device.

Ranges and Colors

Wijmo gauges have a ranges property that contains an array of Range objects. By default, the ranges are displayed on the gauge to indicate zones of interest (for example, good, average, and bad).

If you set the showRanges property to false, the ranges are not shown. Instead, the gauge determines which range contains the current gauge value and applies that range's color to the gauge pointer.

Special Ranges

Every Wijmo gauge has two special ranges: the face and the pointer. The face range determines the geometry and appearance of the gauge, including the minimum and maximum values that the gauge can display. The pointer range indicates the gauge's current value.

The face and pointer ranges are not members of the ranges array. They can be modified but not removed from the gauge.

Shadows and Animations

By default, Wijmo gauges add a subtle shadow effect to gauge elements, and use animation when the gauge value changes. You can turn these features off with the hasShadow and isAnimated properties.