<UserControl
    x:Class="GaugeSamples.RadialGauge"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:GaugeSamples"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:c1="using:C1.Xaml.Gauge"
    mc:Ignorable="d"
    d:DesignHeight="300"
    d:DesignWidth="400">
    <UserControl.Resources>
        <Storyboard x:Name="AnimateRadial">
            <DoubleAnimationUsingKeyFrames EnableDependentAnimation="True" RepeatBehavior="Forever" BeginTime="00:00:00" Duration="00:00:08" AutoReverse="True" Storyboard.TargetName="myGauge" Storyboard.TargetProperty="(c1Gaugeauge.Value)">
                <SplineDoubleKeyFrame KeyTime="00:00:8.00" Value="0" KeySpline="0,0,1,0"/>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
    </UserControl.Resources>

    <c1:C1RadialGauge x:Name="myGauge" 
	                       Height="300"
	                       Value="100" StartAngle="0" SweepAngle="300" >
        <c1:C1GaugeRange To="40" Location="0.8" Fill="#088080" Width="0.2" Opacity="0.6" />
        <c1:C1GaugeRange From="75" Fill="#088080" Location="0.9" EndWidth="0.2" Opacity="0.3" />
        <c1:C1GaugeMark Interval="20" />
        <c1:C1GaugeMark Interval="10" />
        <c1:C1GaugeMark Interval="1" />
        <c1:C1GaugeLabel Interval="20" Alignment="In" AlignmentOffset="10" FontSize="16" />
    </c1:C1RadialGauge>

</UserControl>
