• 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
Essential Studio
HOME
All Controls

Example of Pointer & Range Drag in ASP.NET Core CircularGauge Control

This sample visualizes pointer drag in circular gauge. Position of pointer value can be changed by using Pointer Value and we can drag the pointer by enabling drag option.

DEMO
SOURCE
Pointer Value
70
Allow Pointer Drag
Allow Range Drag

In this example, you can see how to move pointers in gauge using drag and drop. Use enablePointerDrag property, to achieve this behavior.


In this sample, you can drag the pointer using mouse or touch, and the pointer value will be updated in an annotation placed in the gauge.

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