Setting alignment of the donut

[Nicole]

Hello,

we use a donut chart for some statistics. Is it possible, to change the alignment of the donut?

<Window x:Class="WpfApplication1.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"
    xmlns:telerikQuickStart="clr-namespace:Telerik.Windows.Controls.QuickStart;assembly=Telerik.Windows.Controls"
    Title="Window1" Height="300" Width="300">

    <WrapPanel Orientation="Vertical">
        <Border telerikQuickStart:ThemeAwareBackgroundBehavior.IsEnabled="True">
            <telerik:RadChart x:Name="RadChart1" ItemsSource="{Binding StaticResource Umsatzdaten}" VerticalContentAlignment="Top">
                <telerik:RadChart.Content>
                    <Label Content="Umsätze der letzten 6 Monate" FontWeight="Bold"/>
                </telerik:RadChart.Content>

                <telerik:RadChart.DefaultSeriesDefinition>
                    <telerik:DoughnutSeriesDefinition LegendDisplayMode="None">
                        <telerik:DoughnutSeriesDefinition.InteractivitySettings>
                            <telerik:InteractivitySettings HoverScope="Item" SelectionScope="Item" SelectionMode="Single" />
                        </telerik:DoughnutSeriesDefinition.InteractivitySettings>
                    </telerik:DoughnutSeriesDefinition>
                </telerik:RadChart.DefaultSeriesDefinition>

                <telerik:RadChart.SeriesMappings>
                    <telerik:SeriesMapping>
                        <telerik:SeriesMapping.ItemMappings>
                            <telerik:ItemMapping DataPointMember="YValue" FieldName="Umsatz" />
                            <telerik:ItemMapping DataPointMember="Label" FieldName="MonatsnameMitUmsatz" />
                            <telerik:ItemMapping DataPointMember="LegendLabel" FieldName="Monatsname" />
                            <telerik:ItemMapping DataPointMember="XCategory" FieldName="Monat" />
                        </telerik:SeriesMapping.ItemMappings>
                    </telerik:SeriesMapping>
                </telerik:RadChart.SeriesMappings>
            </telerik:RadChart>
        </Border>
    </WrapPanel>
</Window>

Please take a look at the attached screenshots to understand what we want to do :)


Best regards

J

[Evgenia]

Hello Josef,

 Since you haven't provided Width/Height for the Chart and it is the onliest element of your wrapper - the WrapPanel, it will occupy the all space available and the doughnut itself will be shown centered. Set ItemWidth/ItemHeight of the RadWrapPanel or set Width/Height for the Chart and it will be positioned Top Left inside the wrapper as expected.

Kind regards,
Evgenia
the Telerik team