Radial Gauge

The Wijmo RadialGauge widget (wijradialgauge) delivers the exact graphical representation you need. Choose from circular, helical, arc curve, clamshell, or half-circular radial gauges.

[highlight]

Easy styling

All gauge elements can be customized to fit your needs. Restyling the Wijmo RadialGauge widget is as simple as changing an option. All of the key elements in the gauge are surfaced. You can create gauges with custom colors, fills, fonts and more.
[/highlight]

[highlight]
RadialGauge range indicators

Range indicators

Add colored range indicators to the gauge to draw attention to a certain range of values. Use simple options 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]

Scale customization

Use simple options to set the start and sweep angle of the gauge scale.
[/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]