Custom the Radial Gauges Scale

3 posts, 0 answers
  1. xu qing
    xu qing avatar
    14 posts
    Member since:
    Mar 2010

    Posted 22 Mar 2010 Link to this post

    Hi,
        I use the radial gauge to display the realtime network data send speed,but the default scale of radial gauge is between 0 to 100.the max value 100  is not enough for this usage.So I want to change the max value of scale.
        I try to use the Min and Max Property to change the max value,but it doesn't work.the max value is still 100.below is my code:

        <control:RadGauge>
                <Grid>
                    <gauge:RadialGauge>
                        <gauge:RadialScale x:Name="scalue1" Min="0" Max="1000" MajorTicks="10" MiddleTicks="1">
                            <gauge:RadialScale>
                                <gauge:RadialScale.MiddleTick>
                                    <gauge:MiddleTickProperties Length="0.08" />
                                </gauge:RadialScale.MiddleTick>
                                <gauge:RadialScale.MajorTick>
                                    <gauge:MajorTickProperties Length="0.11"></gauge:MajorTickProperties>
                                </gauge:RadialScale.MajorTick>
                                <gauge:RadialScale.Label>
                                    <gauge:LabelProperties FontSize="10" Location="Outside" />
                                </gauge:RadialScale.Label>
                            </gauge:RadialScale>
                            <gauge:IndicatorList>
                                <gauge:Needle x:Name="gauge1_needle" IsAnimated="true" Value="0" />
                            </gauge:IndicatorList>
                        </gauge:RadialScale>
                    </gauge:RadialGauge>
                    <Grid>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="0.53*" />
                            <RowDefinition Height="0.47*" />
                        </Grid.RowDefinitions>
                        <TextBlock Grid.Row="1" Text="NetWork" HorizontalAlignment="Center" Foreground="GhostWhite"></TextBlock>
                    </Grid>
                </Grid>
            </control:RadGauge>

        Please help me,thank you.
  2. Andrey
    Admin
    Andrey avatar
    1681 posts

    Posted 23 Mar 2010 Link to this post

    Hi xu qing,

    You've inserted extra gauge:RadialScale element in your code:
    <gauge:RadialGauge>
     <gauge:RadialScale x:Name="scalue1" Min="0" Max="1000" MajorTicks="10" MiddleTicks="1">
      <gauge:RadialScale>
    The last RadialScale element is redundant. It overlaps the RadialScale element which has Min and Max properties set to the necessary values.
    You should remove it to get things working (see fixed code below).
    <control:RadGauge>
        <Grid>
            <gauge:RadialGauge>
                <gauge:RadialScale x:Name="scalue1" Min="0" Max="1000" MajorTicks="10" MiddleTicks="1">
                    <gauge:RadialScale.MiddleTick>
                        <gauge:MiddleTickProperties Length="0.08" />
                    </gauge:RadialScale.MiddleTick>
                    <gauge:RadialScale.MajorTick>
                        <gauge:MajorTickProperties Length="0.11"></gauge:MajorTickProperties>
                    </gauge:RadialScale.MajorTick>
                    <gauge:RadialScale.Label>
                        <gauge:LabelProperties FontSize="10" Location="Outside" />
                    </gauge:RadialScale.Label>
                    <gauge:IndicatorList>
                        <gauge:Needle x:Name="gauge1_needle" IsAnimated="true" Value="0" />
                    </gauge:IndicatorList>
                </gauge:RadialScale>
            </gauge:RadialGauge>
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="0.53*" />
                    <RowDefinition Height="0.47*" />
                </Grid.RowDefinitions>
                <TextBlock Grid.Row="1" Text="NetWork" HorizontalAlignment="Center" Foreground="GhostWhite"></TextBlock>
            </Grid>
        </Grid>
    </control:RadGauge>


    Best wishes,
    Andrey Murzov
    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.
  3. DevCraft banner
  4. xu qing
    xu qing avatar
    14 posts
    Member since:
    Mar 2010

    Posted 23 Mar 2010 Link to this post

    Thank you,It Works.
Back to Top