How to customize the trackball appearance in WPF Chart?

1 min read

This article explains how to change the Trackball's default appearance. It has been shown by default with the corresponding Y- axis value. But here you are going to learn a way to display the trackball content with its corresponding X- axis value. This can be achieved with the help of the TrackBallLabelTemplate in the WPF Chart Series as shown in the following code snippet

<syncfusion:SfChart>
              <syncfusion:SfChart.Resources>
                <DataTemplate x:Key="labelTemplate">
                    <Border CornerRadius="2" Background="Violet">
                        <TextBlock Foreground="White" Margin="5" Text="{Binding Item.Name}"/>
                    </Border>
                </DataTemplate>
            </syncfusion:SfChart.Resources>  
          ..
            <syncfusion:ColumnSeries  
                ItemsSource="{Binding Data}" 
                XBindingPath="Name"
                ShowTrackballInfo="True"
                TrackBallLabelTemplate="{StaticResource labelTemplate}"
                YBindingPath="Height" >
            </syncfusion:ColumnSeries>
 
            <syncfusion:SfChart.Behaviors>
                <syncfusion:ChartTrackBallBehavior />
            </syncfusion:SfChart.Behaviors>
        </syncfusion:SfChart>

Screenshot:

The following screenshot displays a chart with customized trackball content.

Customized trackball content in WPF Chart

Did you find this information helpful?

Yes

How to customize the trackball appearance in WPF Chart?

Screenshot:

Access denied