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

DxChartLegend.HoverMode Property

Specifies what series elements to highlight when a corresponding item in the legend is hovered over.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[DefaultValue(ChartLegendHoverMode.LegendMarkerAndSeriesWithPoints)]
[Parameter]
public ChartLegendHoverMode HoverMode { get; set; }

#Property Value

Type Default Description
ChartLegendHoverMode LegendMarkerAndSeriesWithPoints

A ChartLegendHoverMode enumeration value.

Available values:

Name Description Image
LegendMarkerAndSeriesWithPoints

A series is highlighted with points.

Include points

LegendMarkerAndSeries

A series is highlighted without points.

Exclude points

None

A series is not highlighted.

None

#Remarks

Legend items define series. When a legend item is hovered over, the corresponding series is highlighted.

Note

The LegendMarkerAndSeriesWithPoints value is in effect for line and bar series while the LegendMarkerAndSeries value is in effect for line series only..

Charts - Include points hover mode

To prevent this behavior, set the hoverMode property to None.

Razor
<DxChart Data="@SalesData">
    @* ... *@
    <DxChartLegend HoverMode="ChartLegendHoverMode.None">
        <DxChartTitle Text="Legend" />
    </DxChartLegend>
</DxChart>

Run Demo: Charts - Legend Customization

See Also