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.v22.1.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 that for discrete series (for example, bars), the PointSelectionMode
property has a higher priority over the 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.
<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>