RadialGauge Curved Tick Label Text

[Wayne Reid]

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

[Andrey]

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.

[Wayne Reid]

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

[Andrey]

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.