Skip to main content

Series.ToolTipSeriesTemplate Property

Gets or sets the template that defines the presentation of the tooltip for this series.

Namespace: DevExpress.Xpf.Charts

Assembly: DevExpress.Xpf.Charts.v23.2.dll

NuGet Package: DevExpress.Wpf.Charts


public DataTemplate ToolTipSeriesTemplate { get; set; }

Property Value

Type Description

A DataTemplate object that contains the template for a series tooltip.


This example demonstrates how to change the appearance of a series tooltip via its template.

To do this, you need to create a DataTemplate object that specifies the appearance of series tooltips and assign it to the Series.ToolTipSeriesTemplate property. In this example, this has been done for the first series.

Note that before tooltip customization, you need to set the ChartControl.ToolTipEnabled and ToolTipOptions.ShowForSeries properties to true to show the tooltip for a series.

It is also necessary to specify a display name for each series displayed on the tooltip via the Series.DisplayName property.

View Example

<Window x:Class="ToolTipSeriesTemplate.MainWindow"
        Title="MainWindow" Height="350" Width="525" >
        <dxc:ChartControl ToolTipEnabled="True" CrosshairEnabled="False">
                <dxc:ToolTipOptions ShowForPoints="False" ShowForSeries="True" />
                <dxc:LineSeries2D DisplayName="Series1">
                        <dxc:SeriesPoint Argument="A" Value="2" />
                        <dxc:SeriesPoint Argument="B" Value="4" />
                        <dxc:SeriesPoint Argument="C" Value="5" />
                        <dxc:SeriesPoint Argument="D" Value="7" />
                        <dxc:SeriesPoint Argument="E" Value="9" />
                        <dxc:SeriesPoint Argument="F" Value="11" />
                                <Border Background="Bisque"/>
                                <Label Foreground="Green" FontStyle="Italic" 
                                       FontSize="14" Content="{Binding Path=ToolTipText}" />
                <dxc:LineSeries2D DisplayName="Series2">
                        <dxc:SeriesPoint Argument="A" Value="3" />
                        <dxc:SeriesPoint Argument="B" Value="5" />
                        <dxc:SeriesPoint Argument="C" Value="6" />
                        <dxc:SeriesPoint Argument="D" Value="6" />
                        <dxc:SeriesPoint Argument="E" Value="7" />
                        <dxc:SeriesPoint Argument="F" Value="8" />
See Also