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
1810
Legend Tooltip
posted

Hi,

I want to display tooltips for my legend. How to achieve this functionality?

Parents
No Data
Reply
  • 28496
    Offline posted

    legend item tooltips aren't implemented as a feature of the chart, but you can hook into them using the Legend Item Template.  see how i set the tooltip to "HELLO" for the TextBlock in this XAML:

    <igChart:XamWebChart>
        <igChart:XamWebChart.Series>
            <igChart:Series>
                <igChart:Series.DataPoints>
                    <igChart:DataPoint Value="1" />
                    <igChart:DataPoint Value="1" />
                    <igChart:DataPoint Value="1" />
                </igChart:Series.DataPoints>
            </igChart:Series>
        </igChart:XamWebChart.Series>
        <igChart:XamWebChart.Legend>
            <igChart:Legend>
                <igChart:Legend.LegendItemStyle>
                    <Style TargetType="igChart:LegendItem">
                        <Setter Property="Template">
                            <Setter.Value>
                                <ControlTemplate TargetType="igChart:LegendItem">
                                    <Grid x:Name="RootElement">
                                        <Grid.ColumnDefinitions>
                                            <ColumnDefinition Width="Auto"/>
                                            <ColumnDefinition Width="*"/>
                                        </Grid.ColumnDefinitions>
                                        <Rectangle x:Name="LegendItemIcon"
                                                   Grid.Column="0"
                                                   Width="13"
                                                   Height="13"
                                                   Fill="{TemplateBinding Fill}"
                                                   Stroke="{TemplateBinding Stroke}"
                                                   StrokeThickness="{TemplateBinding StrokeThickness}" />
                                        <TextBlock x:Name="LegendItemText"
                                                   Margin="5,0,0,0" 
                                                   Width="Auto"
                                                   Height="Auto"
                                                   Grid.Column="1"
                                                   Text="{TemplateBinding Text}"
                                                   Foreground="{TemplateBinding Foreground}"
                                                   ToolTipService.ToolTip="HELLO" />
                                    </Grid>
                                </ControlTemplate>
                            </Setter.Value>
                        </Setter>
                    </Style>
                </igChart:Legend.LegendItemStyle>
            </igChart:Legend>
        </igChart:XamWebChart.Legend>
    </igChart:XamWebChart>

     

Children
No Data