Blazor Chart with Range Selection Example.
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 axesDragX- Rectangular selection with respect to the horizontal axis onlyDragY- Rectangular selection with respect to the vertical axis only
More information about rectangular selection can be found in this documentation section.