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

DxChartSeriesPoint.SelectionMode Property

Specifies which series points are selected when a user selects a point. This property applies to line- and area-based series.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[DefaultValue(ChartSeriesPointSelectionMode.Point)]
[Parameter]
public ChartSeriesPointSelectionMode SelectionMode { get; set; }

#Property Value

Type Default Description
ChartSeriesPointSelectionMode Point

A value that defines a point selection mode.

Available values:

Name Description Image
AllPointsForArgument

All points that have the same argument are selected when a user selects a point.

All points with the same argument are selected

AllPoints

All points that belong to the series are selected when a user selects a point.

All points of a series are selected

Point

Only a clicked point is selected.

A single point is selected

None

Point selection is disabled.

#Remarks

Specify the DxChart.PointSelectionMode property to enable point selection at the chart level.

You can also specify the DxChart.SeriesSelectionMode property to allow users to select entire series.

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