DxChartTooltip Class

Contains settings for tooltips.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.dll

Declaration

public class DxChartTooltip :
    DxSettingsComponent<ChartTooltipModel>

Remarks

The DxChartTooltip component enables you to specify templates for the tooltips that are displayed when the mouse hovers over a chart series.

<DxChart Data="@SalesData">
    <DxChartTooltip>
        <div class="p-3">
            <p class="text-align-center"><b>@context.Point.Series.Name</b></p>
            <p>City: @context.Point.Argument</p>
            <p>Amout: @context.Point.Value</p>
        </div>
    </DxChartTooltip>
    ...
</DxChart>

Charts - Tooltip Customization

See Also