ChartLegend ItemsPanelOrientation

[Matthias]

Hi,

in WPF I am using the follwoing as DefaultView.

<telerik:RadChart.DefaultView>
                      <telerik:ChartDefaultView ChartLegendPosition="Bottom">
                          <telerik:ChartDefaultView.ChartTitle>
                              <telerik:ChartTitle Content="..."/>
                          </telerik:ChartDefaultView.ChartTitle>
                          <telerik:ChartDefaultView.ChartArea>
                              <telerik:ChartArea SmartLabelsEnabled="True" LegendName="legend8"/>
                          </telerik:ChartDefaultView.ChartArea>
                          <telerik:ChartDefaultView.ChartLegend >
                              <telerik:ChartLegend  UseAutoGeneratedItems="True" DisplayMemberPath="Key" x:Name="legend8"
                                                   ItemsPanelOrientation="Vertical" Header=""/>
                          </telerik:ChartDefaultView.ChartLegend>
                      </telerik:ChartDefaultView>
                  </telerik:RadChart.DefaultView>

As a result, I get vertically oriented LegendItems.

Using the same in SIlverlight, the items remain horizontally aligned?

Now I wonder whether this is a bug or there is any mistake in my code...

[Tsvetie]

Hello Matthias,
You code is correct and I will forward the problem to our developers. In the meantime, you can use the following workaround:

<UserControl.Resources>
    <Style x:Key="CustomLegend" TargetType="telerik:ChartLegend">
        <Setter Property="ItemsPanel">
            <Setter.Value>
                <ItemsPanelTemplate>
                    <telerik:RadWrapPanel Orientation="Vertical" />
                </ItemsPanelTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</UserControl.Resources>
<Grid x:Name="LayoutRoot" Background="White">
    <telerik:RadChart x:Name="RadChart1">
        <telerik:RadChart.DefaultView>
            <telerik:ChartDefaultView ChartLegendPosition="Bottom">
                <telerik:ChartDefaultView.ChartTitle>
                    <telerik:ChartTitle Content="..."/>
                </telerik:ChartDefaultView.ChartTitle>
                <telerik:ChartDefaultView.ChartArea>
                    <telerik:ChartArea SmartLabelsEnabled="True" LegendName="legend8"/>
                </telerik:ChartDefaultView.ChartArea>
                <telerik:ChartDefaultView.ChartLegend >
                    <telerik:ChartLegend  UseAutoGeneratedItems="True" DisplayMemberPath="LineCompanyName" x:Name="legend8"
                                                ItemsPanelOrientation="Vertical" Header="" Style="{StaticResource CustomLegend}"/>
                </telerik:ChartDefaultView.ChartLegend>
            </telerik:ChartDefaultView>
        </telerik:RadChart.DefaultView>

    </telerik:RadChart>
</Grid>

All the best,
Tsvetie
the Telerik team