• Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Localization
*Translated by Google Translator.
Currency
Essential Studio
HOME
All Controls

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.