Skip to main content

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DxChart<T>.SeriesSelectionMode Property

Specifies whether a user can select series.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[DefaultValue(ChartSelectionMode.None)]
[Parameter]
public ChartSelectionMode SeriesSelectionMode { get; set; }

#Property Value

Type Default Description
ChartSelectionMode None

A value that identifies a selection mode.

Available values:

Name Description
None

A user cannot select points or series.

Single

A single point or series can be selected at the same time.

Multiple

Multiple points or series can be selected at the same time.

#Remarks

A user can click a continuous series (lines or areas) to select an entire series:

Use the following properties to enable/disable selection for individual series:

You can specify the DxChart.PointSelectionMode (DxPieChart.PointSelectionMode) property to set selection mode for points.

Note

For discrete series (for example, bars), the DxChart.PointSelectionMode property has a higher priority over the DxChart.SeriesSelectionMode property. This means that these properties are not applied simultaneously.

#Example

The following example enables selection for a line chart:

  • A user can select multiple points. Points with the same argument are selected when the user selects a point.
  • A user can select an entire series by clicking a line segment. When the user selects a series, the selection of the previously selected series is reset.

<DxChart Data="@dataPoints"
         SeriesSelectionMode=ChartSelectionMode.Single
         PointSelectionMode=ChartSelectionMode.Multiple>
    <DxChartLineSeries ArgumentField="@((DataPoint i) => i.Arg)"
                       ValueField="@((DataPoint i) => i.Value1)"
                       Name="Series 1"
                       HoverMode=ChartContinuousSeriesHoverMode.None
                       SelectionMode=ChartContinuousSeriesSelectionMode.Series>
        <DxChartSeriesPoint HoverMode=ChartSeriesPointHoverMode.None
                            SelectionMode=ChartSeriesPointSelectionMode.AllPointsForArgument />
    </DxChartLineSeries>
    @* ... *@
</DxChart>
See Also