• Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Theme Selection
Mode Selection
*Translated by Google Translator.

Example of Selection in ASP.NET MVC 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 MVC web apps today with Syncfusion ASP.NET MVC components
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing