Thanks David, but that doesn't seem to work for me.  If I comment the Legend Style below, it shows as expected.  With the style, I see the srollviewer, but nothing inside of it. 

I'm using Infragistics.Silverlight.DataVisualization.Chart.v9.1
Version: 9.1.20091.1000

<igChart:XamWebChart x:Name="XamWebChart1">
    <igChart:XamWebChart.Legend>
        <igChart:Legend>
            <igChart:Legend.Style>
                <Style TargetType="igChart:Legend">
                    <Setter Property="Template">
                        <Setter.Value>
                            <ControlTemplate TargetType="igChart:Legend">
                                <Border Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}">
                                    <ScrollViewer Height="200">
                                        <ContentPresenter Height="300"/>
                                    </ScrollViewer>
                                </Border>
                            </ControlTemplate>
                        </Setter.Value>
                    </Setter>
                </Style>
            </igChart:Legend.Style>
        </igChart:Legend>               
    </igChart:XamWebChart.Legend>
    <igChart:XamWebChart.Series>
        <igChart:Series ChartType="Column" Label="Series 1">
            <igChart:Series.DataPoints>
                <igChart:DataPoint   Value="10" Label="point1" />
                <igChart:DataPoint   Value="20" Label="point2" />
                <igChart:DataPoint   Value="30" Label="point3"  />
            </igChart:Series.DataPoints>
        </igChart:Series>
        </igChart:XamWebChart.Series>
</igChart:XamWebChart>

Am I missing something?

Thanks,
Keith

This code introduces a legend box with a scroll but no legend item is displayed. I am using infragistics data visualization chart. I am using the code you specified for silverlight but am still unable to see any data in the legend box.

Am I missing something?

have you tried scrolling to the bottom of the legend?  using the sample code i posted, the data in the legend will not be initially visible since there is only one series.

I've tried this solution and it only works if the legend items don't exceed the height of the canvas within the legend template.  If it does the rest of the list will be clipped.  I've tried replacing the canvas with a listbox and bind the list box source to the "items" property of the template but I get an empty list.  I thought my binding was incorrect but when I debug the code and after the chart has been data bounded, I looked at the "chart.legend.items", I found that it was empty.  Can anyone shine some light on this?

I believe the items collection is only being used if you are specifying custom legend items rather than using the autogenerated legend items. The legend for this chart expects its control template to contain a canvas called RootElement into which it absolutely positions the legend items. So if this isnt present, the legend cannot function appropriately. However, it also expects this canvas to be stretched, and then will position the items accordingly. Your best bet is to take the number of legend items you expect and use this to define the height of the canvas you are putting in the scrollviewer. Does that help, or can I explain further?

-Graham

Here's another option you can experiment with. It creates uses a canvas control that reformats content that is added to it into a different control instead. This might get you started on other ways to rearrange the content:

The Code:

public class FakeCanvas : Canvas
    {
        public FakeCanvas()
        {
            this.LayoutUpdated += 
                new EventHandler(FakeCanvas_LayoutUpdated);
        }

        private ItemsControl itemsControl;
        public ItemsControl ItemsControl 
        {
            get
            {
                return itemsControl;
            }
            set
            {
                itemsControl = value;

                if (itemsControl != null)
                {
                    itemsControl.Measure(
                        new Size(Double.PositiveInfinity,
                            Double.PositiveInfinity));
                    this.Width = itemsControl.DesiredSize.Width;
                    this.Height = itemsControl.DesiredSize.Height;
                    SetTop(itemsControl, 0);
                    SetLeft(itemsControl, 0);
                    this.Children.Add(itemsControl);
                }
            }
        }

        void FakeCanvas_LayoutUpdated(
            object sender, 
            EventArgs e)
        {
            if (ItemsControl == null)
            {
                return;
            }

            if (this.Children.Count == 1)
            {
                if (this.Children[0] ==
                    ItemsControl)
                {
                    return;
                }
            }

            ItemsControl.Items.Clear();
            List<UIElement> move = new List<UIElement>();

            foreach (UIElement child in this.Children)
            {
                if (child != ItemsControl)
                {
                    move.Add(child);
                }
            }

            move.Sort(
                (ele1, ele2) => 
                    Canvas.GetTop(ele1).CompareTo(
                    Canvas.GetTop(ele2)));

            foreach (UIElement child in move)
            {
                this.Children.Remove(child);
                ItemsControl.Items.Add(child);
            }

            ItemsControl.Measure(
                        new Size(Double.PositiveInfinity,
                            Double.PositiveInfinity));
            this.Width = itemsControl.DesiredSize.Width;
            this.Height = itemsControl.DesiredSize.Height;
            SetTop(itemsControl, 0);
            SetLeft(itemsControl, 0);

            if (ItemsControl.Parent == null)
            {
                this.Children.Add(ItemsControl);
            }
        }
    }

The changes to the legend style:

<igChart:XamWebChart.Legend>
                <igChart:Legend Width="100">
                    <igChart:Legend.Style>
                        <Style TargetType="igChart:Legend">
                            <Setter Property="Template">
                                <Setter.Value>
                                    <ControlTemplate TargetType="igChart:Legend">
                                        <Border Background="{TemplateBinding Background}" 
                                                BorderBrush="{TemplateBinding BorderBrush}" 
                                                BorderThickness="{TemplateBinding BorderThickness}">
                                            <local:FakeCanvas x:Name="RootElement" >
                                                <local:FakeCanvas.ItemsControl>
                                                    <ListBox Height="100" Width="100" />
                                                </local:FakeCanvas.ItemsControl>
                                            </local:FakeCanvas>
                                        </Border>
                                    </ControlTemplate>
                                </Setter.Value>
                            </Setter>
                        </Style>
                    </igChart:Legend.Style>
                </igChart:Legend>
            </igChart:XamWebChart.Legend>

-Graham

Could you share more detail as to how you are moving between them? Are they in a tab control or are you removing and adding them to the visual tree? If you could provide a small sample that illustrates the issue that would help. You may need to have the fake canvas refresh when the controls loaded event fires also, depending on what you are doing.

-Graham

I have used this on one of my applications. In my application I am moving from one chart to another with the click of series of buttons. When I land on the chart that I have included the "FakeCanvas" on the first time it works great. However, when I go from that chart to another chart and then come back, the legend items are totally gone. How do I get the items to build each time?

Thanks

ptilwani,

It's come to my attention Developer Support is helping you with this issue, is there any more assistance you need?

-Graham

Hi Graham,

Please find the ResourceDictStyle.txt attached which is nothing but a resource dictionary.

 In my Page.Xaml I try applying the declared style to the legend in the following way:

<igChart:XamWebChart.Legend>

<igChart:Legend MaxWidth="100" Style="{StaticResource ScrollableLegend}" />

</igChart:XamWebChart.Legend>

Then I get the following error:

Error: Unhandled Error in Silverlight Application
       Code:2255
       Category:Runtime Error
       Message:AG_E_PARSER_BAD_TYPE
       MethodName:

If I decalre the style in UserControl.Resources everything works fine. Please tell me if you need any more info.

Thanks

For starters, make sure you have the same Xaml namespace declarations in your resource dictionary as in the file you originally had the style defined in. Are there any more details about the error than that? Can you provide a sample the reproduces the problem?