<UserControl
    x:Class="ChartSamples.InteractiveChart"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:ChartSamples"
    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"
    d:DesignHeight="300"
    d:DesignWidth="400">
    
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition />
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>
        <Border Margin="10 0 0 10">
            <StackPanel Orientation="Horizontal" VerticalAlignment="Center">
                <TextBlock VerticalAlignment="Center" Text="Axis:" Margin="2" FontSize="16"/>
                <RadioButton Margin="2" x:Name="rbX" Content="X" Checked="rb_Checked" IsChecked="true" />
                <RadioButton Margin="2" x:Name="rbY" Content="Y" Checked="rb_Checked" />
                <RadioButton Margin="2" x:Name="rbXY" Content="XY" Checked="rb_Checked" />
                <Button Margin="30,0,2,0" Content="ZoomOut" Click="Button_Click" Width="140" Height="32" Padding="3,1"/>
            </StackPanel>
        </Border>
        <c1:C1Chart Grid.Row="1" x:Name="c1chart" ChartType="Line" Palette="Flow">
            <c1:C1ChartLegend Grid.Row="1" x:Name="legend" Background="Transparent" BorderBrush="Transparent"/>
        </c1:C1Chart>

        <StackPanel Orientation="Vertical" Grid.Row="2" Margin="4" >
            <TextBlock>Double Tap - Zoom In</TextBlock>
            <TextBlock>Pinch - Scale</TextBlock>
            <TextBlock>Slide - Translate (Scroll)</TextBlock>
        </StackPanel>
    </Grid>
</UserControl>
