<UserControl
    x:Class="SalesDashboard.SalesByRegion"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:SalesDashboard"
    xmlns:c1="using:C1.Xaml.Chart"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="300"
    d:DesignWidth="400" Loaded="UserControl_Loaded_1">
    <UserControl.Resources>
        <DataTemplate x:Key="lbl">
                <TextBlock FontSize="12" Margin="0" Foreground="Black">
                    <Run Text="{Binding Path=Series.Label}" />
                    <LineBreak />
                    <Run Text="$" />
                    <Run Text="{Binding Path=[SizeValues]}" />
                </TextBlock>
        </DataTemplate>
    </UserControl.Resources>
    <Grid Background="Black">
        <Grid Margin="5">
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition/>
            </Grid.RowDefinitions>
            <TextBlock Text="Sales by Region" Style="{StaticResource PageSubheaderTextStyle}"/>
            <c1:C1Chart x:Name="c1Chart1" ChartType="Bubble" Palette="Metro" Grid.Row="1">
                <c1:C1Chart.View>
                    <c1:ChartView>
                        <c1:ChartView.PlotBackground>
                            <ImageBrush ImageSource="ms-appx:///Assets/scaledmap_bg.png"/>
                        </c1:ChartView.PlotBackground>

                    </c1:ChartView>
                </c1:C1Chart.View>
                <!--<c1:C1ChartLegend/>-->
            </c1:C1Chart>
        </Grid>
    </Grid>
</UserControl>
