• Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Theme Selection
Mode Selection
*Translated by Google Translator.

Example of Annotation in ASP.NET MVC Linear Gauge Control

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

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.