How to create Gauage with custom series intervels ?

2 posts, 0 answers
  1. Saravanan
    Saravanan avatar
    36 posts
    Member since:
    Jun 2011

    Posted 28 Jul 2011 Link to this post

    HI Team,
     
    i have to show a gauge with custom series  values.
     
    here i have attached the screen for your reference..
     
    please have glance let me whether it possible to have gauge like this,
     
    Thanking you
     
    Saravanan.
  2. Andrey
    Admin
    Andrey avatar
    1681 posts

    Posted 02 Aug 2011 Link to this post

    Hello Saravanan,

    You can build a gauge like the attached screen using the radial scale with ranges.
    The sample code is below.
    <telerik:RadialScale Min="0" Max="100" StartAngle="180" SweepAngle="180" MajorTicks="-1">
        <telerik:RangeList>
            <telerik:RadialRange Min="0" Max="33"
                                 StartWidth="0.5"
                                 EndWidth="0.5"
                                 BorderBrush="Black" StrokeThickness="2"
                                 Background="Red" />
            <telerik:RadialRange Min="30" Max="37"
                                 StartWidth="0.5"
                                 EndWidth="0.5"
                                 BorderBrush="Black" StrokeThickness="2"
                                 Background="Yellow" />
            <telerik:RadialRange Min="37" Max="66"
                                 StartWidth="0.5"
                                 EndWidth="0.5"
                                 BorderBrush="Black" StrokeThickness="2"
                                 Background="Green" />
            <telerik:RadialRange Min="66" Max="77"
                                 StartWidth="0.5"
                                 EndWidth="0.5"
                                 BorderBrush="Black" StrokeThickness="2"
                                 Background="Yellow" />
            <telerik:RadialRange Min="77" Max="100"
                                 StartWidth="0.5"
                                 EndWidth="0.5"
                                 BorderBrush="Black" StrokeThickness="2"
                                 Background="Red" />
        </telerik:RangeList>
    </telerik:RadialScale>

    Kind regards,
    Andrey Murzov
    the Telerik team

    Register for the Q2 2011 What's New Webinar Week. Mark your calendar for the week starting July 18th and book your seat for a walk through of all the exciting stuff we will ship with the new release!

Back to Top