Setting alignment of the donut

2 posts, 0 answers
  1. Josef
    Josef avatar
    25 posts
    Member since:
    Nov 2010

    Posted 21 Feb 2013 Link to this post

    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: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
  2.
  3. Evgenia
    Admin
    Evgenia avatar
    1437 posts

    Posted 25 Feb 2013 Link to this post

    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

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

Back to Top