<?xml version="1.0" encoding="utf-8"?>
<UserControl x:Class="GaugeSamples.RegionKnob" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="clr-namespace:GaugeSamples" xmlns:c1="http://schemas.componentone.com/winfx/2006/xaml">

        <!-- Region -->
    <c1:C1RegionKnob Width="310" Maximum="50" Value="0" StartAngle="0" SweepAngle="360" InteractionMode="ClickOrDrag">
        <c1:C1RegionKnob.FaceTemplate>
            <DataTemplate>
                <Grid Margin="30">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="0.09*" />
                        <ColumnDefinition Width="0.11*" />
                        <ColumnDefinition Width="0.14*" />
                        <ColumnDefinition Width="0.03*" />
                        <ColumnDefinition Width="0.08*" />
                        <ColumnDefinition Width="0.05*" />
                        <ColumnDefinition Width="0.05*" />
                        <ColumnDefinition Width="0.07*" />
                        <ColumnDefinition Width="0.03*" />
                        <ColumnDefinition Width="0.14*" />
                        <ColumnDefinition Width="0.11*" />
                        <ColumnDefinition Width="0.09*" />
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="0.07*" />
                        <RowDefinition Height="0.22*" />
                        <RowDefinition Height="0.04*" />
                        <RowDefinition Height="0.21*" />
                        <RowDefinition Height="0.07*" />
                        <RowDefinition Height="0.25*" />
                        <RowDefinition Height="0.14*" />
                    </Grid.RowDefinitions>
                    <Ellipse Fill="White" Stroke="#FFA3AEB9" StrokeThickness="1" Grid.ColumnSpan="12" Grid.RowSpan="7" Margin="-16" Opacity="0.9" />

                    <local:Sun Grid.Column="4" Grid.Row="1" Grid.ColumnSpan="4" Grid.RowSpan="2" />
                    <local:SunAndClouds Grid.Column="9" Grid.Row="2" Grid.ColumnSpan="2" Grid.RowSpan="2" />
                    <local:Clouds Grid.Column="7" Grid.Row="5" Grid.ColumnSpan="3" />
                    <local:Rain Grid.Column="2" Grid.Row="5" Grid.ColumnSpan="3" />
                    <local:Storm Grid.Column="1" Grid.Row="2" Grid.ColumnSpan="2" Grid.RowSpan="2" />
                </Grid>
            </DataTemplate>
        </c1:C1RegionKnob.FaceTemplate>
        <c1:C1GaugeMark Interval="10" />
        <c1:C1GaugeMark Interval="5" />
        <c1:C1GaugeMark Interval="1" />
        <!--<c1:C1GaugeLabel Interval="10" Alignment="In" AlignmentOffset="10" />-->
    </c1:C1RegionKnob>
</UserControl>