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

Example of Annotation in ASP.NET MVC Circular Gauge Control

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

DEMO
SOURCE

In this example, you can see how to use annotation in 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 module using CircularGauge.Inject(Annotations) method.

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