Skip to main content

ChartSeriesPointHoverMode Enum

Lists values that specify which series elements to highlight when a user hovers over a series point.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v23.2.dll

NuGet Package: DevExpress.Blazor

Declaration

public enum ChartSeriesPointHoverMode

Members

Name Description Image
Point

Only the point that a user hovers over changes its style.

blazor-chart-series-hover-mode-point

AllPoints

All points in the series change their style.

blazor-chart-series-hover-mode-all-points

AllPointsForArgument

The point that a user hovers over and all other points with the same argument change their style.

blazor-chart-series-hover-mode-all-points-for-argument

None

The point does not change its style when a user hovers over it.

blazor-chart-series-hover-mode-none

Remarks

The following code shows how to specify hover mode for series and series points:

@using Chart.Data

<DxChart Data="@SalesData">
    @* ... *@
    <DxChartLineSeries Name="Total Sales"
                       ArgumentField="@((SaleInfo s) => s.City)"
                       ValueField="@((SaleInfo s) => s.Amount)"
                       SummaryMethod="Enumerable.Sum"
                       HoverMode="ChartContinuousSeriesHoverMode.NearestPoint">
            <DxChartSeriesPoint Visible="true"
                                HoverMode="ChartSeriesPointHoverMode.Point" />
    </DxChartLineSeries>
</DxChart>

@code {
    IEnumerable<SaleInfo> SalesData;

    protected override async Task OnInitializedAsync() {
        SalesData = await Sales.GetSalesAsync();
    }
}

Note

If the HoverMode property is set to None, the point’s behavior depends on the series-level setting (the DxChartLineSeries.HoverMode property for line series).

See Also