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

How to create Gauage with custom series intervels ?

1 Answer 27 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Saravanan
Top achievements
Rank 1
Saravanan asked on 28 Jul 2011, 10:18 AM
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.

1 Answer, 1 is accepted

Sort by
0
Andrey
Telerik team
answered on 02 Aug 2011, 07:29 AM
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!

Tags
General Discussions
Asked by
Saravanan
Top achievements
Rank 1
Answers by
Andrey
Telerik team
Share this question
or