Example of Annotation in React Linear Gauge Component


This sample illustrates the CPU Utilization of a resource by using annotation feature.

More Details...


In this sample we have used annotations to indicate low, moderate and high ranges. Annotations are used to place the texts, shapes or images anywhere in the gauge. You can use content, x, y, zIndex properties to customize the annotations. And you can specify the id of the element that needs to be displayed, in the content property.

More information about linear gauge can be found in this documentation section.