Radial gauge with 'stacked' RadialBars

7 posts, 1 answers
  1. James
    James avatar
    29 posts
    Member since:
    Sep 2008

    Posted 08 Sep 2009 Link to this post

    I've got a gauge with a RadialScale, and would like to be able to indicate a total value with the components of the total also visible.

    For example, I've got two scores which I want to display - Spatial and Non-Spatial. So if the Spatial score is 15 and Non-Spatial score is 18, the total score is 33. I'd like to display 0-15 in red, 16-33 in green - thus indicating the components visually.

    Can this be done?

    Thanks,

    James
  2. Answer
    Andrey
    Admin
    Andrey avatar
    1681 posts

    Posted 08 Sep 2009 Link to this post

    Hello James,

    Unfortunately it is not possible in the current version of the RadGauge control. This functionality will be available in the 2009.Q3 release. For now you can use ranges to mark Spatial and Not-Spatial scores. For example:

    <Grid> 
        <Grid.RowDefinitions> 
            <RowDefinition Height="80*" /> 
            <RowDefinition Height="20*" /> 
        </Grid.RowDefinitions> 
        <gauge:RadialGauge Grid.RowSpan="2" Width="400" Height="200"   
                   VerticalAlignment="Bottom" 
                   Style="{StaticResource RadialGaugeHalfCircleNStyle}">  
            <gauge:RadialScale Name="radialScale"   
                       Style="{StaticResource RadialScaleHalfCircleNStyle}" 
                       Min="0"   
                       Max="33">  
                <gauge:RangeList> 
                    <gauge:RadialRange Min="0" 
                               Max="15.99" 
                               Location="Inside" 
                               StartWidth="0.05" 
                               EndWidth="0.05" 
                               Background="Red"/>  
                    <gauge:RadialRange Min="16" 
                               Max="33" 
                               Location="Inside" 
                               StartWidth="0.05" 
                               EndWidth="0.05" 
                               Background="Green" /> 
                </gauge:RangeList> 
                <gauge:IndicatorList> 
                    <gauge:Needle Name="needle" Value="18" /> 
                </gauge:IndicatorList> 
            </gauge:RadialScale> 
        </gauge:RadialGauge> 
                  
        <TextBlock Grid.Row="2" Text="Score" HorizontalAlignment="Center" VerticalAlignment="Top" /> 
    </Grid> 


    Greetings,
    Andrey Murzov
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  3. DevCraft banner
  4. James
    James avatar
    29 posts
    Member since:
    Sep 2008

    Posted 08 Sep 2009 Link to this post

    Hi Andrey,
    Thanks - that's a good work around for now.

    James
  5. James
    James avatar
    29 posts
    Member since:
    Sep 2008

    Posted 08 Sep 2009 Link to this post

    I've got this working, with a small adjustment:
    <gauge:RadialRange Min="0" Max="{Binding NSAppPoints}" Location="Inside"  StartWidth="0.1"  EndWidth="0.1" Background="Blue" /> 
    <gauge:RadialRange Min="{Binding NSAppPoints}"  Max="{Binding TotalAppPoints}"  Location="Inside"  StartWidth="0.1" EndWidth="0.1" Background="SkyBlue" /> 
     This makes the two ranges run contiguously.

    Another question, though. Can I set up tooltips on the ranges so that they say - for example "Spatial:120" and "Non-Spatial:50" to give more details on the actual values?

    I can see how to use ToolTipService.ToolTip to set up a static tooltip, and can see the ToolTipFormat property, but can't see what value the ToolTipProperty will use to format the tooltip.

    Thanks,

    James
  6. Andrey
    Admin
    Andrey avatar
    1681 posts

    Posted 10 Sep 2009 Link to this post

    Hello James,

    Unfortunately the ToolTipFormat property is not supported for Ranges in the current version of the RadGauge. It makes sense for indicators, tick marks and labels only.

    Sincerely yours,
    Andrey Murzov
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  7. jfkrueger
    jfkrueger avatar
    269 posts
    Member since:
    Jul 2012

    Posted 18 May 2011 Link to this post

    It most definitely makes sense for ranges. in my case for a legend as to what the range means. I see in the current version the range does have a ToolTipFormat property but I am unable to determine how to actually set a tooltip on a range. Anyone?

    Thanks!
  8. Andrey
    Admin
    Andrey avatar
    1681 posts

    Posted 24 May 2011 Link to this post

    Hello jfkrueger,

    Unfortunately the ToolTipFormat property still is not supported for Ranges. It is inherited from the base class, but it is not used on the ranges.

    All the best,
    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
Back to Top
DevCraft banner