<Page
    x:Class="BasicLibrarySamples.View.ReportSummary"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:BasicLibrarySamples.View"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:c1="using:C1.Xaml.Chart"
    mc:Ignorable="d">

    <Grid >
        <Grid.Transitions>
            <TransitionCollection>
                <EntranceThemeTransition />
            </TransitionCollection>
        </Grid.Transitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="50" />
            <RowDefinition />
        </Grid.RowDefinitions>
        <Grid HorizontalAlignment="Right" Margin="10,6,15,6" Width="38" Height="38">
            <Path Fill="#FF2C383D" Stretch="Fill" Stroke="Black" StrokeThickness="0" Data="M0,0 L22.139252,0 L28,6.0017438 L28,38 L0,38 z" Margin="5,0" UseLayoutRounding="False" />
            <Path Fill="White" Stretch="Fill" Stroke="Black" StrokeThickness="0" Margin="7,2" UseLayoutRounding="False" Data="M0,0 L19.005226,0 L24,4.9467611 L24,34 L0,34 z" />
            <Rectangle Fill="#11000000" Stroke="Black" StrokeThickness="0" Margin="8,3,15,3" />
            <Rectangle Fill="#11000000" Stroke="Black" StrokeThickness="0" HorizontalAlignment="Right" Margin="0,10,8,3" Width="7" />
            <Rectangle Stroke="Black" StrokeThickness="0" HorizontalAlignment="Right" Width="6" Height="7" VerticalAlignment="Bottom" Fill="#FF2C383D" Margin="0,0,9,4" />
            <Rectangle Stroke="Black" StrokeThickness="0" Margin="10,0,0,4" Fill="#FF2C383D" Height="11" HorizontalAlignment="Left" VerticalAlignment="Bottom" Width="6" />
            <Rectangle Fill="White" Stroke="Black" StrokeThickness="0" Margin="11,0,22,5" Height="9" VerticalAlignment="Bottom" />
            <Rectangle Stroke="Black" StrokeThickness="0" Margin="16,0,15,4" Fill="#FF2C383D" Height="14" VerticalAlignment="Bottom" d:LayoutOverrides="Height" />
            <Rectangle Fill="White" Stroke="Black" StrokeThickness="0" Margin="17,0,16,5" Height="12" VerticalAlignment="Bottom" />
            <Rectangle Fill="White" Stroke="Black" StrokeThickness="0" Height="5" HorizontalAlignment="Right" Margin="0,0,10,5" VerticalAlignment="Bottom" Width="5" RenderTransformOrigin="0.317,0.491" />
            <Rectangle Stroke="Black" StrokeThickness="0" Margin="12,0,0,6" Height="7" HorizontalAlignment="Left" VerticalAlignment="Bottom" Width="3">
                <Rectangle.Fill>
                    <LinearGradientBrush EndPoint="0.791,0.899" StartPoint="0.056,0.085">
                        <!--<GradientStop Color="#FFCD3D0B" Offset="0" />-->
                        <GradientStop Color="#FFC13B08" Offset="1" />
                    </LinearGradientBrush>
                </Rectangle.Fill>
            </Rectangle>
            <Rectangle Stroke="Black" StrokeThickness="0" Margin="18,0,17,6" Height="10" VerticalAlignment="Bottom">
                <Rectangle.Fill>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        <!--<GradientStop Color="#FFCBEC05" Offset="0" />-->
                        <GradientStop Color="#FF5B9200" Offset="1" />
                    </LinearGradientBrush>
                </Rectangle.Fill>
            </Rectangle>
            <Rectangle Stroke="Black" StrokeThickness="0" Height="3" HorizontalAlignment="Right" Margin="0,0,11,6" VerticalAlignment="Bottom" Width="3">
                <Rectangle.Fill>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        <!--<GradientStop Color="#FF89B9E7" Offset="0" />-->
                        <GradientStop Color="#FF4775A9" Offset="1" />
                    </LinearGradientBrush>
                </Rectangle.Fill>
            </Rectangle>
            <Rectangle Fill="#FF2C383D" Stroke="Black" StrokeThickness="0" Height="1" Margin="10,12,10,0" VerticalAlignment="Top" />
            <Rectangle Fill="#FF2C383D" Stroke="Black" StrokeThickness="0" Height="1" Margin="10,16,13,0" VerticalAlignment="Top" />
            <Rectangle Fill="#FF2C383D" Stroke="Black" StrokeThickness="0" Height="1" Margin="10,8,16,0" VerticalAlignment="Top" />
            <Rectangle Fill="#FF2C383D" Stroke="Black" StrokeThickness="0" Height="7" HorizontalAlignment="Right" Margin="0,2,12,0" VerticalAlignment="Top" Width="2" />
            <Rectangle Fill="#FF2C383D" Stroke="Black" StrokeThickness="0" Height="2" HorizontalAlignment="Right" Margin="0,7,7,0" VerticalAlignment="Top" Width="6" />
        </Grid>
        <TextBlock Margin="15,0,1,0" Text="Report Summary" TextWrapping="NoWrap"  FontSize="28" FontWeight="SemiLight" HorizontalAlignment="Left" VerticalAlignment="Center" />

        <c1:C1Chart x:Name="salesChart" Margin="15 0 15 15" ChartType="AreaStacked" Grid.Row="1" Theme="None" Palette="Flow" Background="#11000000" BorderThickness="0">
            <!--<c1:C1Chart.View>
                <c1:ChartView>
                    <c1:ChartView.AxisY>
                        <c1:Axis AnnoFormat="c0" Max="9000" />
                    </c1:ChartView.AxisY>
                </c1:ChartView>
            </c1:C1Chart.View>-->
            <c1:C1Chart.Data>
                <c1:ChartData>
                    <c1:ChartData.Children>
                    <c1:DataSeries Label="Bikes" Values="3008 2409 705 612 4102 3604 2402 1001" />
                    <c1:DataSeries Label="Mountain Bikes" Values="2500 1400 1000 1043 2309 1801 1200 987" />
                    <c1:DataSeries Label="Carrier Bikes" Values="50 70 92 97 130 123 110 98" />
                    <c1:DataSeries Label="Motos" Values="120 131 101 140 280 312 305 402" />
                    </c1:ChartData.Children>
                </c1:ChartData>
            </c1:C1Chart.Data>
        </c1:C1Chart>
    </Grid>
</Page>