RadialGauge Curved Tick Label Text

4 posts, 1 answers
  1. Wayne Reid
    Wayne Reid avatar
    2 posts
    Member since:
    Sep 2009

    Posted 21 Sep 2009 Link to this post

    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
  2. Answer
    Andrey
    Admin
    Andrey avatar
    1681 posts

    Posted 22 Sep 2009 Link to this post

    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.
  3. UI for WPF is Visual Studio 2017 Ready
  4. Wayne Reid
    Wayne Reid avatar
    2 posts
    Member since:
    Sep 2009

    Posted 22 Sep 2009 Link to this post

    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
  5. Andrey
    Admin
    Andrey avatar
    1681 posts

    Posted 23 Sep 2009 Link to this post

    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.
Back to Top