Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
140
Axis Label Tooltip
posted

Hi,

I have an issue with Axis ToolTip in xamWebChart. My requirement is to have some predefined width for Axis Label and if the text width is more than the defined width, then the text should be truncated with an ellipse and the entire text should be appearing in the ToolTip. Since by default there is no option to configure the Axislabel, I have created custom style and applied it to the Axis Label but then here, i am not getting the entire Text String in the Text property which i have binded as follows.

XAML Style :

 

<

 

 

Style x:Key="AxisLabelStyle" TargetType="igWebChart:Label">

<Setter Property="Template" >

<Setter.Value>

 <ControlTemplate TargetType="igWebChart:Label" >

 

 

 

 

<TextBlock Text="{TemplateBinding Text}" ToolTipService.ToolTip="{TemplateBinding Text}" TextTrimming="WordEllipsis">

 

 

 

 

<TextBlock.RenderTransform>

 

 

 

 

<TransformGroup>

 

 

 

 

<RotateTransform Angle="60" ></RotateTransform>

 

 

 

 

</TransformGroup>

 

 

 

 

</TextBlock.RenderTransform>

 

 

 

 

</TextBlock>

 

 

 

 

</ControlTemplate>

 

 

 

 

</Setter.Value>

 

 

 

 

</Setter>

 

 

 

 

</Style>

 

 

 

 

 Applying Style to Axis Label

 

<

 

 

igWebChart:XamWebChart.Axes>

 <igWebChart:Axis AxisType="PrimaryX">

 

 

 

 

<igWebChart:Axis.Label>

 

 

 

 

<igWebChart:LabelGroup DistanceFromAxis="2" LabelStyle="{StaticResource AxisLabelStyle}" />

 

 

 

 

 

</igWebChart:Axis.Label>

 

 

 

 

 

</igWebChart:Axis>

 

 

 Please guide me like what i am missing or any other alternative for achieving the same.