Format multiple trackball entries in relation to each other

[Dom]

01.

<telerik:RadCartesianChart Name="Chart" Grid.Row="1" >

02. 

03.            <telerik:RadCartesianChart.HorizontalAxis>

04.                <telerik:DateTimeContinuousAxis LabelFitMode="MultiLine" LabelFormat="dd-MMM-yy" SmartLabelsMode="SmartStep" Title="Date" />

05.            </telerik:RadCartesianChart.HorizontalAxis>

06.            <telerik:RadCartesianChart.VerticalAxis>

07.                <telerik:LinearAxis RangeExtendDirection="None" LabelFormat="N0" Title="VaR"/>

08.            </telerik:RadCartesianChart.VerticalAxis>

09. 

10.            <telerik:RadCartesianChart.Behaviors>

11.                <telerik:ChartTrackBallBehavior SnapMode="ClosestPoint" SnapSinglePointPerSeries="True"  >   

12.                </telerik:ChartTrackBallBehavior>      

13.            </telerik:RadCartesianChart.Behaviors>

14. 

15.            <telerik:RadCartesianChart.SeriesProvider  >

16.                <telerik:ChartSeriesProvider Source="{Binding Series}" >

17.                    <telerik:ChartSeriesProvider.SeriesDescriptors >

18. 

19.                        <telerik:CategoricalSeriesDescriptor CategoryPath="Mkt_Date" 

20.                                                        ValuePath="VaR" 

21.                                                        ItemsSourcePath="Items">

22. 

23.                            <telerik:CategoricalSeriesDescriptor.Style >

24.                                <Style TargetType="telerik:LineSeries" BasedOn="{StaticResource LineSeriesStyle}">

25.                                    <Setter Property="StrokeThickness" Value="4"></Setter>

26.                                    <Setter Property="Stroke" Value="{Binding Color}"></Setter>

27.                                                                         

28.                                    <Setter Property="TrackBallInfoTemplate" >

29.                                        <Setter.Value>

30.                                            <DataTemplate>

31.                                                <Border>

32.                                                    <StackPanel Orientation="Horizontal">

33.                                                        <Label Background="{Binding Path=DataPoint.Presenter.DataContext.Color}" Width="16" Margin="1"></Label>

34.                                                        <TextBlock Text="{Binding Path=DataPoint.Presenter.DataContext.Book}"></TextBlock>

35.                                                        <TextBlock Text=" "></TextBlock>

36.                                                        <TextBlock Text="{Binding Path=DataPoint.Value, StringFormat=N4}"></TextBlock>

37.                                                    </StackPanel>

38.                                                </Border>

39.                                            </DataTemplate>

40.                                        </Setter.Value>     

41.                                    </Setter>

42.                                     

43.                                </Style>

44.                            </telerik:CategoricalSeriesDescriptor.Style>

45.                        </telerik:CategoricalSeriesDescriptor>

46.                    </telerik:ChartSeriesProvider.SeriesDescriptors>

47.                </telerik:ChartSeriesProvider>

48.            </telerik:RadCartesianChart.SeriesProvider>

49.        </telerik:RadCartesianChart>

 

Hi,

I'm wondering is it possible to format each entry in a trackball in relation to one another? Currently I display 1 or more series in this chart view with the details of data points in each series shown using the trackball. Ideally i would like to display all the trackball information within a grid so each type of information for each data point can be aligned. 

e.g.

     |     Category       |       Value           |  

     +============+============+

     |  Datapoint1Cat  |  Datapoint1Val  |

     +============+============+
     |  Datapoint2Cat  |  Datapoint2Val  |

     +============+============+
     |  Datapoint3Cat  |  Datapoint3Val  |

etc....

Is this possible/

 Thanks!

 

[Martin Ivanov]

Hello Dom,

To achieve your requirement, you can add elements with fixed size in the TrackBallInfoTemplate. This way each entry will have the same size and they will align. If this doesn't work in your case, you can edit the ControlTemplate of the TrackBallInfoControl and add Grid or RadGridView in it. I've attached a small example showing this approach. I hope it helps.

Regards,
Martin Ivanov
Progress Telerik