TrackballTemplate
Hi
Saravanan Madheswaran
,
I want to do like this,
How can I display so much information in one control?
TrackballTemplate or ToolTipTemplate, Can you give me an example?
Hi Tom,
Thank you for providing the output image for further clarification. We would like to inform you that it is indeed possible to display multiple pieces of information in the TrackballTemplate of the Syncfusion WPF Chart control.
The ChartPointInfo class serves as the data context for the trackball label template. You can bind any property from this class to the template. If all your model classes share the same structure, you can conveniently access the underlying business model using the Item property.
Below is a breakdown of the implementation:
public class TBlockRealtimeChartModel { public int Pole { get; set; } public double Position { get; set; } public int FaultCode { get; set; } public double Current { get; set; } public double UpperLimit { get; set; } public string Status { get; set; } public double Temperature { get; set; } public double LowerLimit { get; set; } } |
public class ChartViewModel { public ObservableCollection RealtimeData { get; set; }
public ChartViewModel() { RealtimeData = new ObservableCollection { new TBlockRealtimeChartModel { Pole = 1, Position = 580, FaultCode = 0, Current = 12, UpperLimit = 1831, Status = "Normal", Temperature = 25, LowerLimit = 0 }, // Add more data points as needed }; } } |
<syncfusion:SfChart.Resources> <ResourceDictionary> <DataTemplate x:Key="trackballTemplate"> </ResourceDictionary>
<syncfusion:LineSeries ItemsSource="{Binding RealtimeData}" |
Output:
We hope this meets your requirement. If you have any further queries, please feel free to ask. We are happy to assist you.
Regards,
Nitheesh.
How should I display the trackball information completely? Right now, after I restrict the height of the container where the chart is located, the following situation occurs.
<DataTemplate x:Key="tBlockTrackballTemplate">
<Border
Width="300"
Height="250"
Background="CornflowerBlue"
BorderBrush="CornflowerBlue"
BorderThickness="1"
CornerRadius="5">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="*" />
<RowDefinition Height="*" />
<RowDefinition Height="*" />
<RowDefinition Height="3*" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<TextBlock
Margin="10"
FontFamily="{StaticResource PingFang}"
FontSize="16"
FontWeight="Bold"
Foreground="White"
Text="{Binding Item.ID, StringFormat='电机编号: {0}'}" />
<TextBlock
Grid.Column="1"
Margin="10"
FontFamily="{StaticResource PingFang}"
FontSize="16"
FontWeight="Bold"
Foreground="White"
Text="{Binding Item.TBlockPosition, StringFormat='当前位置: {0}'}" />
<TextBlock
Grid.Row="1"
Margin="10"
FontFamily="{StaticResource PingFang}"
FontSize="16"
FontWeight="Bold"
Foreground="White"
Text="{Binding Item.Temperature, StringFormat='当前温度: {0}℃'}" />
<TextBlock
Grid.Row="1"
Grid.Column="1"
Margin="10"
FontFamily="{StaticResource PingFang}"
FontSize="16"
FontWeight="Bold"
Foreground="White"
Text="{Binding Item.Electric, StringFormat='当前电流: {0}mA'}" />
<TextBlock
Grid.Row="2"
Grid.ColumnSpan="2"
Margin="10"
FontFamily="{StaticResource PingFang}"
FontSize="16"
FontWeight="Bold"
Foreground="White"
Text="{Binding Item.DriveStatusMessage, StringFormat='当前状态: {0}'}" />
<TextBlock
Grid.Row="3"
Grid.ColumnSpan="2"
Margin="10"
FontFamily="{StaticResource PingFang}"
FontSize="16"
FontWeight="Bold"
Foreground="MediumVioletRed"
Text="{Binding Item.WaringMessage, StringFormat='报警信息: {0}'}"
TextWrapping="Wrap" />
</Grid>
</Border>
</DataTemplate>
