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.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[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.
LegendMarkerAndSeries	A series is highlighted without points.
None	A series is not highlighted.

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

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

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

Run Demo: Charts - Legend Customization