This is a migrated thread and some comments may be shown as answers.

Tooltip not work in Annotation and PolarCustomAnnotation

5 Answers 107 Views

ToolTip

This is a migrated thread and some comments may be shown as answers.

This question is locked. New answers and comments are not allowed.

kity asked on 02 Feb 2015, 11:02 AM

I have simple RadPolarChart and annotation collection.
I put tooltip, tooltip services but not work at all.
May it is becouse this is dynamic element figure and have diferent point position x,y ?
Or may be problem is becouse of standart .net framewrok behaiviars.

I try to use telerik tooltip behaviar but result is the same.
Here is my example:

 <telerik:RadPolarChart x:Name="Myart"> <telerik:RadPolarChart.Behaviors> <telerik:ChartTooltipBehavior TriggerMode="Hold" /> </telerik:RadPolarChart.Behaviors> <telerik:RadPolarChart.Annotations> <telerik:PolarCustomAnnotation PolarValue="{Binding Malue}" x:Name="Annotation1"

<br>                                               RadialValue="{Binding Opt}"<

br> telerik:RadToolTipService.ToolTipContent="Optimum vessel heading (Purple Ellipse)"<br

>                               telerik:RadToolTipService.ToolTipContentTemplate="{StaticResource DataTemplateToolTip}"                                                                                                                                                                                                                                    <

br> telerik:RadToolTipService.HorizontalOffset="10"<br

>                               telerik:RadToolTipService.VerticalOffset="-10"      >                                          <

br>

...

5 Answers, 1 is accepted

answered on 04 Feb 2015, 08:43 AM

PolarCustomAnnotationTooltip.png

Hello,

According to your code snippet, you haven't set the IsHitTestVisible to true.

Below is an example of a PolarChart having annotation with IsHitTestVisible set to true and RadTooltipService used to set annotation's tooltip:

<telerik:RadPolarChart x:Name="polarChart" >

<telerik:RadPolarChart.PolarAxis>

<telerik:PolarAxis />

</telerik:RadPolarChart.PolarAxis>

<telerik:RadPolarChart.RadialAxis>

<telerik:NumericRadialAxis />

</telerik:RadPolarChart.RadialAxis>

<telerik:RadPolarChart.Behaviors>

<telerik:ChartTooltipBehavior />

</telerik:RadPolarChart.Behaviors>

<telerik:RadPolarChart.Series>

<telerik:PolarPointSeries>

<telerik:PolarPointSeries.DataPoints>

<telerik:PolarDataPoint Angle="30" Value="4"/>

<telerik:PolarDataPoint Angle="60" Value="4"/>

<telerik:PolarDataPoint Angle="90" Value="4"/>

</telerik:PolarPointSeries.DataPoints>

</telerik:PolarPointSeries>

</telerik:RadPolarChart.Series>

<telerik:RadPolarChart.Annotations >

<telerik:PolarCustomAnnotation PolarValue="3"

RadialValue="20"

IsHitTestVisible="True">

<telerik:PolarCustomAnnotation.Content>

<Ellipse Width="20" Height="20" Fill="Green" telerik:RadToolTipService.ToolTipContent="My custom tooltip content"/>

</telerik:PolarCustomAnnotation.Content>

</telerik:PolarCustomAnnotation>

</telerik:RadPolarChart.Annotations>

</telerik:RadPolarChart>

Attached is a picture of the end result.

Regards,
Peshito
Telerik

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.