Example of Range Selection in ASP.NET Core Chart Control

This sample demonstrates the selection behavior in a chart. Any point or a series can be selected in a chart by clicking or touching the point. We can also select the point while loading chart through selectedDataIndexes properties. Click to select a point or series, click and drag to enable rectangular selection. Rectangular selection will return the collection point that are selected under the region.

Tap to select a point or series, double tap and drag to enable rectangular selection in touch enabled devices.

Chart supports five mode of selection which can be set using the SelectionMode property.

• Series - Select the series in chart.
• Point - Select a point in the series .
• Cluster - Select a group of points in the chart.
• DragXY - Rectangular selection with respect to both axis.
• DragX - Rectangular selection with respect to horizontal axis.
• DragY - Rectangular selection with respect to vertical axis.