DxChartAnnotationBase<T>.TooltipText Property

Specifies text for the annotation tooltip.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public string TooltipText { get; set; }

Property Value

Type	Description
String	The annotation tooltip text string.

Remarks

The Chart component displays tooltips when a user hovers a mouse pointer over chart annotations. Use the TooltipText property to specify tooltip text content. To disable tooltip functionality for an annotation, set the TooltipEnabled property to false.

<DxChart Data="@DataSource">
    @* ... *@
    <DxChartLineSeries ValueField="@((ApplePrice i) => i.Close)"
                       ArgumentField="@((ApplePrice i) => i.Date)"
                       Name="AAPL" />
    <DxChartAnnotation Argument="new DateTime(2019, 9, 10)"
                       Series="AAPL"
                       Text="Watch Series 5"
                       TooltipText="Apple Watch Series 5 was announced
                                    on September 10, 2019."
                       TooltipEnabled="false"
                       VerticalOffset="-50" />
    <DxChartAnnotation Argument="new DateTime(2020, 12, 15)"
                       Series="AAPL"
                       Text="AirPods Max"
                       TooltipText="AirPods Max - wireless Bluetooth over-ear
                                    headphones - were released on December 15, 2020."
                       VerticalOffset="-50" />
</DxChart>

Refer to the following section for more information about annotations: Annotations in Blazor Charts.