Skip to main content

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DxChart<T>.PointSelectionMode Property

Specifies whether a user can select series points.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[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.

<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