Example of Pointer & Ranges Drag in Blazor Circular Gauge Component

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.

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 EnablePointerDrag property can be used to enable or disable the pointer drag functionality. Similarly, the EnableRangeDrag property can be used to enable or disable the range drag functionality.

More information on the pointer drag can be found in this documentation section. Likewise, the range drag information can be found in this documentation section.

Transform your Blazor web apps today with Syncfusion® Blazor components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE