Charts / User Interaction / Selection

Blazor Chart with Selection Example.

Loading Syncfusion Blazor Server Demos…

Properties

This sample demonstrates various selection modes and highlight behaviors available in the charts component for interactive data exploration.

In this sample, any point or series can be selected interactively:

  • Click or tap on a point to select it
  • Change the Selection Mode option in the properties panel to adjust selection behavior
  • Enable multiple selection for enhanced data analysis
  • Use the SelectedDataIndexes option to pre-select points when the chart loads

Additional highlighting features:

  • Enable or disable highlighting using the Enable Highlight option
  • Customize highlight patterns and colors to suit your requirements

Selection can be configured using the SelectionMode property with the following options:

  • Series - Select entire series from the chart
  • Point - Select individual points in a series
  • Cluster - Select groups 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 selection can be found in this documentation section.

Transform your Blazor web apps today with Syncfusion® Blazor components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE