Skip to main content

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.

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.

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

Run Demo: Charts - Legend Customization

See Also