This is a migrated thread and some comments may be shown as answers.

Nested Radial Scales

1 Answer 46 Views
Gauge
This is a migrated thread and some comments may be shown as answers.
DeWayne Evans
Top achievements
Rank 1
DeWayne Evans asked on 12 Feb 2010, 04:48 PM
Looking through the Help files and came across a radial scale that I could use. Unfortunately no code is provided on how it was accomplished.
Radial Scale Overview

I've tried the position it using Location="Center", VerticalAlignment="Center" Padding and several others but with no luck.

Thanks

1 Answer, 1 is accepted

Sort by
0
Sia
Telerik team
answered on 17 Feb 2010, 12:50 PM
Hello DeWayne Evans,

You can accomplish the needed design by adding two RadialScale-s. I have also attached image of the Gauge which is achieved with the following xaml:

<UserControl x:Class="SilverlightApplication2.MainPage"
    mc:Ignorable="d"
    xmlns:controls="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls"
    xmlns:telerik="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Gauge"
    xmlns:gauge="clr-namespace:Telerik.Windows.Controls.Gauges;assembly=Telerik.Windows.Controls.Gauge">
  <Grid x:Name="LayoutRoot">
        <Grid.Resources>
            <ResourceDictionary>
                <ResourceDictionary.MergedDictionaries>
                    <ResourceDictionary Source="/Telerik.Windows.Themes.Summer;component/Themes/Telerik.Windows.Controls.Gauge.xaml" />
                </ResourceDictionary.MergedDictionaries>
            </ResourceDictionary>
        </Grid.Resources>
        <telerik:RadGauge Name="RadGauge1" controls:StyleManager.Theme="Summer">
            <gauge:RadialGauge Name="RadialGauge1" Width="300" Height="300" >
                <gauge:RadialScale Name="radialScale2" Min="0" Max="800" IsInteractive="True" IsLabelRotated="True" MinorTicks="3" Background="#CCED9C00" Radius="0.6">
                    <gauge:RadialScale.Label >
                        <gauge:LabelProperties Location="Inside" />
                    </gauge:RadialScale.Label>
                </gauge:RadialScale>
                <gauge:RadialScale Name="radialScale" Min="0" Max="800" IsInteractive="True" IsLabelRotated="True" MinorTicks="3" Background="#CCFF6B36">
                    <gauge:RadialScale.MajorTick >
                        <gauge:MajorTickProperties  TooltipFormat="Major tick value {0:F0}"  />
                    </gauge:RadialScale.MajorTick>
                    <gauge:RadialScale.Label >
                        <gauge:LabelProperties Location="Inside"  />
                    </gauge:RadialScale.Label>
                    <gauge:RadialScale.Indicators>
                        <gauge:Needle  IsAnimated="True" SnapType="ToGrid" Value="2000" />
                    </gauge:RadialScale.Indicators>
                </gauge:RadialScale>
            </gauge:RadialGauge>
        </telerik:RadGauge>
    </Grid>
</UserControl>

Hope this helps.

Sincerely yours,
Sia
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
Tags
Gauge
Asked by
DeWayne Evans
Top achievements
Rank 1
Answers by
Sia
Telerik team
Share this question
or