Jump to content
Software FX Community

The Tooltip for the LegendBox Items


Recommended Posts

I use the version 8.0.3581.26941

I have two Q.

1. How do I do 2 different LegendBoxes instead use a grouping in one Legend?

2. I haven't added tooltips for LegendBox Items ( I won't use a scrool bar in the legend box, but tooltip for the long items only). I've tried to add a tooltip definition to DataTemplate\ContentControl  like this, but it's not working.  What can I do?

<DataTemplate x:Key="CheckableLegend">


<cfxConverters:VisibilityToBooleanConverter x:Key="VisibilityToBool"/>


<Grid Name="grid">


<ColumnDefinition Width="*" SharedSizeGroup="FirstRow" />

<ColumnDefinition Width="*" SharedSizeGroup="FirstRow" />

<ColumnDefinition Width="*" />


VerticalAlignment="Center" Background="{Binding Path=Fill}"

IsChecked="{Binding Path=Series.Visibility, Converter={StaticResource VisibilityToBool}}" Grid.Column="0"

Margin="1,0,1,0"/><cfxControls:MarkerLegendControl Content="{Binding Path=Self}"

Grid.Column="1" />

<Border Background="Transparent" Grid.Column="2" VerticalAlignment="Center"><ContentControl

IsHitTestVisible="false" ToolTip="{Binding Path=Content}" Content="{Binding Path=Content}"

ContentTemplate="{Binding Path=ContentTemplate}"Foreground="{Binding Path=Foreground}"

FontFamily="{Binding Path=FontFamily}" FontSize="{Binding Path=FontSize}" FontStyle="{Binding Path=FontStyle}"

FontWeight="{Binding Path=FontWeight}"/>




<DataTrigger Binding="{Binding Path=Dimmed}"><DataTrigger.Value>True


<Setter Property="Opacity" Value="0.25" TargetName="grid" />






Link to comment
Share on other sites

 Hi, JuanC

I use the multiply panes chart and my LegendBox contains two groups for separate the series from different panes. I want to separate the Legend to two different boxes ( if it's possible, of course ) and align each of them to appropriate pane.

What about the Q2: Tooltips for Legend Items?


P.S. How can I add pictures from my computer and not from URL?

Link to comment
Share on other sites

About creating 2 legend boxes, we currently do not support this but you can use grouping and styling to achieve something very similar, the following code assumes you have 4 series in your chart.

chart1.LegendBox.ItemAttributes[chart1.Series, 0].Group = "G1";

chart1.LegendBox.ItemAttributes[chart1.Series, 1].Group = "G1";

chart1.LegendBox.ItemAttributes[chart1.Series, 2].Group = "G2";

chart1.LegendBox.ItemAttributes[chart1.Series, 3].Group = "G2";


chart1.LegendBox.GroupCategories = true;

chart1.LegendBox.DockBorder = DockBorder.None;

chart1.LegendBox.GroupStyle = (GroupStyle) FindResource("GroupBorder");




<GroupStyle x:Key="GroupBorder">


  <Style TargetType="{x:Type GroupItem}">

  <Setter Property="Template">


  <ControlTemplate TargetType="{x:Type GroupItem}">

  <Border CornerRadius="4" BorderBrush="#808080" BorderThickness="1" Margin="0,4">


  <TextBlock FontWeight="Bold" Text="{Binding Path=Name}" HorizontalAlignment="Center"/>

  <ItemsPresenter Margin="0,0,0,8"/>










Link to comment
Share on other sites

Thanks. That's as exactly as I need!

Now, I need to attach a Tooltips to LegendBox items. I use the vertical Legend on the right side with fixed width, and the long items aren't visible fully.

I can add ToolTip to all the LegendBox, but I don't know how to add tooltip to each item and bind the Item Content as the tooltip text.


Link to comment
Share on other sites

I'm again.

I've gotten the tooltips for LegendBox iems in this way. What do you think, Is it right way?


<Style TargetType="{x:Type ItemsControl}">


<Setter Property="ItemContainerStyle">




<Trigger Property="Control.IsMouseOver" Value="True">

<Setter Property="Control.ToolTip" Value="{Binding Content}"/>








Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...