Example of Selection in ASP.NET Core Chart Control

This sample demonstrates the different modes of selection and highlight behavior in the charts.

Enable Multi-selection:
Selection Mode:
Selection Patterns:
Enable Highlight:
Highlight Color:
Highlight Patterns:

In this sample, any point or series can be selected in a chart by clicking on or touching the point. You can change the Selection Mode option in the properties panel. You can also enable multiple selection. You can select a point while loading a chart using the SelectedDataIndexes option.

Highlight the points in the sample using the Enable Highlight option. You can set different highlight patterns and colors.

Selection can be set using the SelectionMode property and it supports the following modes.

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

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

Transform your ASP.NET Core web apps today with Syncfusion ASP.NET Core components
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing