Chart

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

DEMO

SOURCE

;

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.

Injecting Module

Linear gauge component features are segregated into individual feature-wise modules. To render annotations, we need to inject
Annotations module using
LinearGauge.Inject(LinearGauge) method. More information about annotations can be found in this
documentation section.