DxChart<T>.SeriesSelectionMode Property

Specifies whether a user can select series.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

[DefaultValue(ChartSelectionMode.None)]
[Parameter]
public ChartSelectionMode SeriesSelectionMode { get; set; }

Property Value

A value that identifies a selection mode.

|

Available values:

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 continuous series (lines or areas) to select an entire series:

Use the following properties to enable/disable selection for individual series:

• AreaSeriesBase.SelectionMode
• BarSeriesBase.SelectionMode
• BubbleSeries.SelectionMode
• FinancialSeriesBase.SelectionMode
• LineSeriesBase.SelectionMode
• RangeAreaSeries.SelectionMode
• RangeBarSeries.SelectionMode
• ScatterSeries.SelectionMode

You can specify the DxChart.PointSelectionMode (DxPieChart.PointSelectionMode) property to set selection mode for points.

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>

See Also

DxChart<T> Class

DxChart<T> Members

DevExpress.Blazor Namespace