Example of Annotations in React Circular Gauge Component


This sample illustrates a clock by using annotation feature in the gauge. Hour and minute gauge are placed as annotation in circular gauge.

More Details...


In this example, you can see how to use annotation in the circular gauge. Annotations are used to mark the specific area of interest in gauge with texts, shapes or images. In this sample minutes and seconds sub gauges are achieved using annotation feature.

Injecting Module

Circular gauge component features are segregated into individual feature-wise modules. To use annotation, we need to inject Annotations into services.

More information on the annotation can be found in this documentation section.