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

Radial gauge with 'stacked' RadialBars

6 Answers 138 Views

Gauge

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

This question is locked. New answers and comments are not allowed.

6 Answers, 1 is accepted

Accepted

answered on 08 Sep 2009, 01:27 PM

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.

answered on 08 Sep 2009, 02:10 PM

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