Hi telerik,

We are plotting ScatterlineSeries on a RadCartesianChart. Works well.

However, as we plot several series in same chart, our users request a tooltip with the name of series to distinguish them.

I've tried to set the TooltipTemplate of the chart in which case I can get the tooltip for *points* and thought I could use that as a workaround and place Curve Name on each point. However, when I try to bind to an 'enriched' Datapoint I get an error as the points in the serie are ScatterDataPoints (though I've tried to add my 'customized' points, see below).

So I guess I'm missing the point here - or quite a few ;)

First of all, what is the recommended way of providing a serie-specific text on each curve as a tooltip?

And if my approach is not to far off, can you see what I do wrong?

Thanks,

Anders, Denmark

Hello Anders,

We have attached a sample application that demonstrates how you can use the ChartSeries.DisplayName property and bind it in a custom tooltip template to achieve the desired functionality.

Hope this helps.


Regards,
Giuseppe
the Telerik team

Dear Admin,
I am binding below PointSeries with collection for XAsix and YAsiX value ,
we need Tool tip with same  XAsix and YAsiX value 
I have created tool tip template.
I used behavior as well ,but in tool tip its not binding the XAsix and YAsiX value
<telerik:RadCartesianChart.Behaviors>
                            <telerik:ChartPanAndZoomBehavior ZoomMode="Horizontal" PanMode="Horizontal" />
                            <telerik:ChartTooltipBehavior Placement="Top" HorizontalOffset="-6" VerticalOffset="1" />
                        </telerik:RadCartesianChart.Behaviors>

ChartMapping is the class of my collection which contain XASIX and YASIX property which we need in Point series collection.  

 <DataTemplate x:Key="ToolTipTemplate"  DataType="{x:Type valueObjects:ChartMapping}">
            <Grid>
                <Grid.Resources>
                    <Style TargetType="TextBlock">
                        <Setter Property="Foreground" Value="White" />
                        <Setter Property="FontFamily" Value="Segoe UI" />
                        <Setter Property="FontSize" Value="11" />
                    </Style>
                </Grid.Resources>
                <Path Data="M-1236,-441 L-1180,-441 -1180,-424 -1228,-424 -1230.5,-420 -1233,-424 -1236,-424 z"
                  Stretch="Fill" Fill="#23A0DA" Stroke="White" StrokeThickness="1" />
                <StackPanel Margin="4,3,4,12" Orientation="Horizontal">
                    <StackPanel Orientation="Vertical">
                        <TextBlock Text="{Binding XAsix}" FontSize="21" TextAlignment="Center" Margin="0,-4" />
                        <TextBlock Text="pts" TextAlignment="Center" Margin="0,-2,0,0" />
                    </StackPanel>
                    <Rectangle Width="1" Fill="White" Margin="3,-3" />
                    <StackPanel Orientation="Vertical" Margin="0,4,0,0">
                        <TextBlock>
                        <Run Text="FINAL POS:" />
                        <Run Text="{Binding Path= XAsix}" />
                        </TextBlock>
                        <TextBlock>
                        <Run Text="GOAL DIFF:" />
                        <Run Text="{Binding Path= YAsixValue}" />
                        </TextBlock>
                    </StackPanel>
                </StackPanel>
            </Grid>
        </DataTemplate>


 <telerik:PointSeries x:Name="DataSeries"  
 ItemsSource="{Binding ChartMappingCollection, Mode=TwoWay}" ToolTipTemplate={staticresource ToolTipTemplate>

                            <telerik:PointSeries.PointTemplates>
                                <DataTemplate>
                                    <Ellipse Width="5" Height="5" Fill="Red"/>
                                </DataTemplate>
                            </telerik:PointSeries.PointTemplates>
                            <telerik:PointSeries.ValueBinding>
                                <telerik:PropertyNameDataPointBinding PropertyName="XAsix" />
                            </telerik:PointSeries.ValueBinding>
                            <telerik:PointSeries.CategoryBinding >
                                <telerik:PropertyNameDataPointBinding PropertyName="YAsixValue"  />
                            </telerik:PointSeries.CategoryBinding>
                        </telerik:PointSeries>
                    </telerik:RadCartesianChart>

 

Please provide any help .

Thank You !

I Fixed this issue .

 

Thank You !