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

RadialGauge Curved Tick Label Text

3 Answers 79 Views
Gauges
This is a migrated thread and some comments may be shown as answers.
Wayne Reid
Top achievements
Rank 1
Wayne Reid asked on 22 Sep 2009, 03:38 AM
Hi,

We are working with some large numbers on the Radial Gauge. Some of these numbers are overlapping on our custom gauge unless the font size is set unacceptably low with few labels on the gauge. Also, large numbers (in the 10s of billions range) look rather square in contrast to the curved radial scale.

Is there any way to have tick label text curve around with the radial scale? Do you have any suggestions on the best approach?

Cheers,
Wayne Reid

3 Answers, 1 is accepted

Sort by
0
Accepted
Andrey
Telerik team
answered on 22 Sep 2009, 06:45 AM
Hello Wayne Reid,

I would suggest that you use Multiplier property of the Scale object. The tick mark labels are multiplied by this property. For example:
<Grid Width="300" Height="300">  
    <telerik:RadGauge> 
        <telerik:RadialGauge> 
            <telerik:RadialScale Max="100000000"   
                     Min="10000000"   
                     Multiplier="0.000001" 
                     MajorTicks="9" 
                     LabelRotationMode="SurroundOut">  
                <telerik:RadialScale.Label> 
                    <telerik:LabelProperties Location="Inside" Format="{}{0} M" /> 
                </telerik:RadialScale.Label> 
                <telerik:IndicatorList> 
                    <telerik:Needle /> 
                </telerik:IndicatorList> 
            </telerik:RadialScale> 
        </telerik:RadialGauge> 
    </telerik:RadGauge> 
    <Grid> 
        <Grid.RowDefinitions> 
            <RowDefinition Height="0.75*" /> 
            <RowDefinition Height="0.25*" /> 
        </Grid.RowDefinitions> 
 
        <TextBlock Grid.Row="1" 
               VerticalAlignment="Top" 
               HorizontalAlignment="Center"   
               Foreground="White"   
               Text="1 x 1000000" /> 
    </Grid> 
</Grid> 
 


Best wishes,
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.
0
Wayne Reid
Top achievements
Rank 1
answered on 23 Sep 2009, 02:55 AM
Hi Andrey,

Thanks for the reply, your example definitely improves things. However, is it possible to curve the text? Here is an example of placing text along a path: http://msdn.microsoft.com/en-us/magazine/dd263097.aspx. Alternatively, can the characters be transformed using some sort of TextEffect transform. What approach would you take?

Cheers,
Wayne
0
Andrey
Telerik team
answered on 23 Sep 2009, 06:04 AM
Hello Wayne Reid,

Unfortunately it is not possible to curve the text in the current version of our control.

Best regards,
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.
Tags
Gauges
Asked by
Wayne Reid
Top achievements
Rank 1
Answers by
Andrey
Telerik team
Wayne Reid
Top achievements
Rank 1
Share this question
or