DxChartSeriesPoint.SelectionMode Property

Specifies which series points are selected when a user selects a point. This property is applied for continuous series only.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v23.2.dll

NuGet Package: DevExpress.Blazor

Declaration

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

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.

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>

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.