<UserControl
    x:Class="DashboardUWP.RangeSelector"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:DashboardUWP"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:c1="using:C1.Xaml.Chart"
    xmlns:chart="using:C1.Xaml.Chart.Interaction"
    mc:Ignorable="d"
    d:DesignHeight="300"
    d:DesignWidth="400" MinHeight="80" Loaded="OnLoaded">

    <Grid Background="White">
        <c1:C1FlexChart x:Name="Chart" BindingX="Month" ChartType="Area" ToolTip="{x:Null}" >
            <c1:Series Binding="Sales"/>
            <c1:C1FlexChart.AxisY>
                <c1:Axis AxisLine="False" MajorTickMarks="None" Labels="False" />
            </c1:C1FlexChart.AxisY>
            <c1:C1FlexChart.AxisX>
                <c1:Axis MajorUnit="31" />
            </c1:C1FlexChart.AxisX>
            <c1:C1FlexChart.Layers>
                <chart:C1RangeSelector x:Name="Selector" UpperValueChanged="OnSelectorValueChanged" LowerValueChanged="OnSelectorValueChanged" SmallValueChange="1"/>
            </c1:C1FlexChart.Layers>
        </c1:C1FlexChart>
    </Grid>
</UserControl>
