Charts / User Interaction / Range Selection

Blazor Chart with Range Selection Example.

Loading Syncfusion Blazor Server Demos…

Properties

This sample demonstrates the range selection behavior and modes available in the charts component, enabling interactive data exploration.

In this example, you can see how to select data points within a specific region:

  • Click and drag to enable rectangular selection over the desired chart area
  • The collection of selected points is displayed in the selection results area
  • Change the Selection Mode in the properties panel to adjust selection behavior
  • Enable multiple selection for enhanced data analysis

Rectangular selection can be configured using the SelectionMode property, which supports the following modes:

  • DragXY - Rectangular selection with respect to both axes
  • DragX - Rectangular selection with respect to the horizontal axis only
  • DragY - Rectangular selection with respect to the vertical axis only

More information about rectangular selection can be found in this documentation section.

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