<UserControl x:Class="RadChartingKitDemos.MainPage"
             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:telerik="http://schemas.telerik.com/2008/xaml/presentation"            
             mc:Ignorable="d"
             d:DesignHeight="300"
             d:DesignWidth="400">

    <Grid x:Name="LayoutRoot"
          Background="White">
        <Grid.RowDefinitions>
            <RowDefinition />
            <RowDefinition />
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition />
            <ColumnDefinition />
        </Grid.ColumnDefinitions>

        <telerik:RadCartesianChart x:Name="xRadCartesianChart"
                                   Palette="Metro">
            <telerik:BarSeries ValueBinding="value1"
                               CategoryBinding="id"
                               ItemsSource="{Binding chartData[0]}" />
            <telerik:BarSeries ValueBinding="value2"
                               CategoryBinding="id"
                               ItemsSource="{Binding chartData[1]}" />
            <telerik:RadCartesianChart.HorizontalAxis>
                <telerik:CategoricalAxis />
            </telerik:RadCartesianChart.HorizontalAxis>
            <telerik:RadCartesianChart.VerticalAxis>
                <telerik:LinearAxis />
            </telerik:RadCartesianChart.VerticalAxis>
            <telerik:RadCartesianChart.Grid>
                <telerik:CartesianChartGrid MajorLinesVisibility="XY"
                                            MajorXLineDashArray="2 0"
                                            MajorXLinesRenderMode="Inner"
                                            StripLinesVisibility="XY" />
            </telerik:RadCartesianChart.Grid>
        </telerik:RadCartesianChart>

        <telerik:RadCartesianChart x:Name="xRadChart2"
                                   Grid.Row="1"
                                   Palette="Metro">
            <telerik:ScatterPointSeries XValueBinding="value1"
                                        YValueBinding="value2"
                                        ItemsSource="{Binding chartData[2]}">
                <telerik:ScatterPointSeries.PointTemplate>
                    <DataTemplate>
                        <Ellipse Width="5"
                                 Height="5"
                                 Fill="Red" />
                    </DataTemplate>
                </telerik:ScatterPointSeries.PointTemplate>
            </telerik:ScatterPointSeries>
            <telerik:RadCartesianChart.HorizontalAxis>
                <telerik:LinearAxis />
            </telerik:RadCartesianChart.HorizontalAxis>
            <telerik:RadCartesianChart.VerticalAxis>
                <telerik:LinearAxis />
            </telerik:RadCartesianChart.VerticalAxis>
            <telerik:RadCartesianChart.Grid>
                <telerik:CartesianChartGrid MajorLinesVisibility="XY"
                                            MajorXLineDashArray="2 0"
                                            MajorXLinesRenderMode="Inner"
                                            StripLinesVisibility="XY" />
            </telerik:RadCartesianChart.Grid>
        </telerik:RadCartesianChart>
        
        <telerik:RadPolarChart x:Name="xPolarChart"
                               Grid.Column="1"
                               Grid.RowSpan="2"
                               Palette="Metro">
            <telerik:PolarAreaSeries ItemsSource="{Binding chartData[2]}"
                                     AngleBinding="angle"
                                     ValueBinding="value1" />
            <telerik:PolarLineSeries ItemsSource="{Binding chartData[3]}"
                                     AngleBinding="angle"
                                     ValueBinding="value1" />
            <telerik:PolarPointSeries ItemsSource="{Binding chartData[4]}"
                                      AngleBinding="angle"
                                      ValueBinding="value1">
                <telerik:PolarPointSeries.PointTemplate>
                    <DataTemplate>
                        <Rectangle Width="10"
                                   Height="10"
                                   Fill="Orange" />
                    </DataTemplate>
                </telerik:PolarPointSeries.PointTemplate>
            </telerik:PolarPointSeries>
            <telerik:RadPolarChart.PolarAxis>
                <telerik:PolarAxis />
            </telerik:RadPolarChart.PolarAxis>
            <telerik:RadPolarChart.RadialAxis>
                <telerik:NumericRadialAxis />
            </telerik:RadPolarChart.RadialAxis>
        </telerik:RadPolarChart>
        
    </Grid>
</UserControl>
