<Page x:Class="FlexRadarIntro.PolarChart"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
      xmlns:Xaml="using:C1.Xaml"
      xmlns:Chart="using:C1.Xaml.Chart"
      mc:Ignorable="d" 
      d:DesignHeight="300" d:DesignWidth="300">
    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition />
        </Grid.RowDefinitions>
        <StackPanel Orientation="Vertical" Margin="20">
            <StackPanel.Resources>
                <Style TargetType="Xaml:C1NumericBox">
                    <Setter Property="Width" Value="200" />
                    <Setter Property="FontSize" Value="12" />
                    <Setter Property="Margin" Value="5 0" />
                    <Setter Property="RenderTransform">
                        <Setter.Value>
                            <ScaleTransform ScaleX="0.8" ScaleY="0.8" />
                        </Setter.Value>
                    </Setter>
                </Style>
                <Style TargetType="TextBlock">
                    <Setter Property="VerticalAlignment" Value="Center" />
                    <Setter Property="FontSize" Value="12" />
                </Style>
            </StackPanel.Resources>
            <TextBlock Text="{Binding Source={StaticResource FlexRadarIntroLocalization}, Path=Function}" />
            <StackPanel Orientation="Horizontal">
                <TextBlock TextWrapping="Wrap" Text="{Binding Source={StaticResource FlexRadarIntroLocalization}, Path=StartAngleCaption}"/>
                <Xaml:C1NumericBox x:Name="numericUpDownStartAngle" Value="10" Minimum="0" Maximum="20" ValueChanged="OnNumericBoxValueChanged" />
            </StackPanel>
            <StackPanel Orientation="Horizontal">
                <TextBlock Text="{Binding Source={StaticResource FlexRadarIntroLocalization}, Path=UpDownCaption}" Margin="35 0 0 0" />
                <Xaml:C1NumericBox x:Name="numericUpDown2" Value="2" Minimum="0" Maximum="5" Increment="0.1" Format="f1" ValueChanged="OnNumericBoxValueChanged" />
            </StackPanel>
        </StackPanel>
        <Chart:C1FlexRadar x:Name="polarChart" BindingX="X" Binding="Y" ChartType="LineSymbols" Grid.Row="1">
            <Chart:RadarSeries SymbolSize="4" />
            <Chart:C1FlexRadar.AxisY>
                <Chart:Axis Min="0" AxisLine="False" MajorGrid="True" MajorTickMarks="None" />
            </Chart:C1FlexRadar.AxisY>
            <Chart:C1FlexRadar.AxisX>
                <Chart:Axis MajorUnit="45" />
            </Chart:C1FlexRadar.AxisX>
        </Chart:C1FlexRadar>
    </Grid>
</Page>
