<Page
    x:Class="GaugeSamples.LinearGauge"
    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"
    >
    <Page.Resources>
        <Storyboard x:Name="animation">
            <DoubleAnimation EnableDependentAnimation="True" From="50" To="100" Duration="0:0:10" Storyboard.TargetName="myGauge" Storyboard.TargetProperty="Value"></DoubleAnimation>
        </Storyboard>
    </Page.Resources>
    <Grid HorizontalAlignment="Stretch">
        <c1:C1LinearGauge x:Name="myGauge" Width="120" 
	                      Orientation="Vertical" 
	                      XAxisLocation="0.05" 
                          XAxisLength="0.9" 
                          YAxisLocation="0.2" 
                          >
            <c1:C1GaugeMark Interval="20" />
            <c1:C1GaugeMark Interval="10" />
            <c1:C1GaugeMark Interval="2" />
            <c1:C1GaugeLabel Interval="20" Format="n0" Alignment="Out" AlignmentOffset="30" FontSize="16"/>
            <c1:C1GaugeRange To="40" Location="0" Fill="#088080" Width="0.2" Opacity="0.2"/>
            <c1:C1GaugeRange From="40" To="80" Location="0" Fill="#088080" Width="0.2" Opacity="0.4"/>
            <c1:C1GaugeRange From="80" To="100" Location="0" Fill="#088080" Width="0.2" Opacity="0.6"/>
        </c1:C1LinearGauge>
    </Grid>
</Page>
