ChartSelectionMode Enum

Lists chart selection modes.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

public enum ChartSelectionMode

Members

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.

Related API Members

The following properties accept/return ChartSelectionMode values:

• DxChart<T>.PointSelectionMode
• DxChart<T>.SeriesSelectionMode
• DxPieChart<T>.PointSelectionMode
• DxPolarChart<T>.PointSelectionMode
• DxPolarChart<T>.SeriesSelectionMode

Remarks

Specify the DxChart.SeriesSelectionMode property to allow users to select entire series.

You can also specify the DxChart.PointSelectionMode property to enable point selection at the chart level.

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>