<UserControl x:Class="ControlExplorer.Controls.Chart.PieSpin"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    xmlns:c1="using:C1.Xaml.Chart"
    d:DesignHeight="480" d:DesignWidth="480">
    
    <Grid x:Name="LayoutRoot">
        <Grid.RowDefinitions>
            <RowDefinition Height="4*"/>
            <RowDefinition Height="*" />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
        <TextBlock Text="Global Distribution" HorizontalAlignment="Center" Margin="0 60" FontSize="30"/>
        <c1:C1Chart x:Name="pieChart" Grid.RowSpan="2" ChartType="Pie" Palette="Solstice"/>
        <StackPanel Grid.Row="1" VerticalAlignment="Top">
            <Polygon Fill="#C0000000" Margin="0 -50 0 0" HorizontalAlignment="Center"
                     Points="0 50 20 0 40 50" Width="40" Height="50" />
            <Border CornerRadius="10" Padding="20 4" Margin="0 0 0 50" Background="#C0000000" Width="220">
                <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
                    <TextBlock x:Name="txtName" FontSize="24" Foreground="White"/>
                    <TextBlock Text=": " FontSize="24" Foreground="White"/>
                    <TextBlock x:Name="txtPopulation" FontSize="24" Foreground="White"/>
                </StackPanel>
            </Border>
        </StackPanel>
        <TextBlock Grid.Row="2" Text="Tap or drag chart to select a slice" Margin="12" HorizontalAlignment="Center" />
    </Grid>
</UserControl>
