DxChart<T>.PointSelectionMode Property

Specifies whether a user can select series points.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(ChartSelectionMode.None)]
[Parameter]
public ChartSelectionMode PointSelectionMode { 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 series point to select or deselect it:

You can also specify the DxChart.SeriesSelectionMode property to allow users to select entire series. Note that for bar and stacked bar series, the PointSelectionMode property has higher priority than SeriesSelectionMode.

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>