<UserControl
    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="http://schemas.componentone.com/winfx/2006/xaml"
    DataContext="{Binding RelativeSource={RelativeSource Mode=Self}}"
    x:Name="page"
    mc:Ignorable="d">

    <Grid>
        <Chart:C1FlexChart x:Name="flexChart" Footer="copyright (c) ComponentOne" Header="Monthly Sales Summary"
                           Binding="Amount" BindingX="Month" ItemsSource="{Binding DataContext.Data}" ChartType="LineSymbols" ToolTipContent="{}{y}">
            <Chart:C1FlexChart.HeaderStyle>
                <Chart:ChartStyle FontSize="20" FontFamily="GenericSansSerif"/>
            </Chart:C1FlexChart.HeaderStyle>
            <Chart:C1FlexChart.FooterStyle>
                <Chart:ChartStyle FontSize="20" FontFamily="GenericSansSerif"/>
            </Chart:C1FlexChart.FooterStyle>
            <Chart:C1FlexChart.AxisY>
                <Chart:Axis AxisLine="False" Position="Left" MajorGrid="True" MajorUnit="100" MajorTickMarks="None"/>
            </Chart:C1FlexChart.AxisY>
            <Chart:Series />
        </Chart:C1FlexChart>
    </Grid>
</UserControl>
