Example of Pointer & Ranges Drag in ASP.NET MVC Circular Gauge Control

Circular Gauge
User Interaction
Pointer & Ranges Drag

This sample illustrates dragging a pointer and a range in a circular gauge. End-user can drag the pointer and the range by enabling the pointer drag and range drag options.

70 MPH
0102030405060708090100110120
Properties
Pointer Value
70
Allow Pointer Drag
Allow Ranges Drag

In this example, you can see how to move the pointer and range in the circular gauge via drag action. The EnablePointerDragopens in a new tab property can be used to enable or disable the pointer drag functionality. Similarly, the EnableRangeDragopens in a new tab property can be used to enable or disable the range drag functionality.

More information on the pointer drag can be found in this documentation sectionopens in a new tab. Likewise, the range drag information can be found in this documentation sectionopens in a new tab.

Transform your ASP.NET MVC web apps today with Syncfusion® ASP.NET MVC components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab