ChartSelectionMode Enum

Lists chart selection modes.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v23.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

Remarks

A user should click a point or series to select it.

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>

    <DxChartLineSeries ArgumentField="@((DataPoint i) => i.Arg)"
                       ValueField="@((DataPoint i) => i.Value2)"
                       Name="Series 2"
                       HoverMode=ChartContinuousSeriesHoverMode.None
                       SelectionMode=ChartContinuousSeriesSelectionMode.Series>
        <DxChartSeriesPoint HoverMode=ChartSeriesPointHoverMode.None
                            SelectionMode=ChartSeriesPointSelectionMode.AllPointsForArgument />
    </DxChartLineSeries>

    <DxChartLineSeries ArgumentField="@((DataPoint i) => i.Arg)"
                       ValueField="@((DataPoint i) => i.Value3)"
                       Name="Series 3"
                       HoverMode=ChartContinuousSeriesHoverMode.None
                       SelectionMode=ChartContinuousSeriesSelectionMode.Series>
        <DxChartSeriesPoint HoverMode=ChartSeriesPointHoverMode.None
                            SelectionMode=ChartSeriesPointSelectionMode.AllPointsForArgument />
    </DxChartLineSeries>

</DxChart>