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

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