Back to Devexpress

ChartSelectionMode Enum

blazor-devexpress-dot-blazor-7f2d0203.md

latest3.0 KB
Original Source

ChartSelectionMode Enum

Lists chart selection modes.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

csharp
public enum ChartSelectionMode

Members

NameDescription
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.

|

The following properties accept/return ChartSelectionMode values:

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>

See Also

DevExpress.Blazor Namespace