• Material 3
  • Fluent
  • Fluent 2
  • Bootstrap 5
  • Tailwind CSS
  • High Contrast
  • Fluent 2 High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Theme Mode
Localization
*Translated by Google Translator.
Currency

Example of Selection in ASP.NET Core Chart Control

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

DEMO
SOURCE
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
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab