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.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

csharp

[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.

| | AllPoints |

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

| | Point |

Only a clicked 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.

Razor

razor

<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>