Radial gauge with 'stacked' RadialBars

[James]

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

[Andrey]

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.

[James]

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

James

[James]

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

[Andrey]

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.

[jfkrueger]

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!

[Andrey]

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