Example of Arc Gauge in React Circular Gauge Component


This sample visualizes the progress of a work in the circular gauge using the range bar pointer with rounded corners. EJ2 Slider is used in this sample.

More Details...


In this example, you can see how to render the ranges and range bar pointer with rounded corners. The EJ2 Slider control is placed at the bottom of the gauge using annotation to change the range bar pointer value. Based on the value, color of the pointer can also be changed.

For more information on ranges, refer to this documentation section.