<Page
    x:Class="FlexChartExplorer.HeaderAndFooter"
    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"
    xmlns:Chart="using:C1.Xaml.Chart"
    DataContext="{Binding RelativeSource={RelativeSource Mode=Self}, Path=Data}"
    x:Name="page"
    mc:Ignorable="d">

    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <Chart:C1FlexChart x:Name="flexChart"
                          Footer="{Binding FlexChart_Footer, Source={StaticResource FlexChartExplorerLocalization}}"
                          Header="{Binding FlexChart_Header, Source={StaticResource FlexChartExplorerLocalization}}"
                          Binding="Amount"
                          BindingX="Month"
                          ItemsSource="{Binding}"
                          ChartType="LineSymbols">
            <Chart:C1FlexChart.HeaderStyle>
                <Chart:ChartStyle FontSize="20" FontFamily="GenericSansSerif"></Chart:ChartStyle>
            </Chart:C1FlexChart.HeaderStyle>
            <Chart:C1FlexChart.FooterStyle>
                <Chart:ChartStyle FontSize="20" FontFamily="GenericSansSerif"></Chart:ChartStyle>
            </Chart:C1FlexChart.FooterStyle>
            <Chart:C1FlexChart.AxisY>
                <Chart:Axis AxisLine="False" Position="Left" MajorGrid="True" MajorUnit="100"></Chart:Axis>
            </Chart:C1FlexChart.AxisY>
            <Chart:C1FlexChart.Series>
                <Chart:Series></Chart:Series>
            </Chart:C1FlexChart.Series>
        </Chart:C1FlexChart>
    </Grid>
</Page>
