GuageRange Customization

[Chandana]

Hi,

I am trying to customize the guage as it appears in the attached image. In this, I need a way to smoothen the colors on the Guage Range from Green to lighter green and lighter red to red.

I know I can do this on the Bar indicator but need help with doing that on the range bar. Should I use a ControlTemplate for this? If so, can you please provide an example or point me in the right direction? I also need help with the Pinpoint and Needle customization. Thank you.

CODE:

<telerik:RadRadialGauge Width="300" Height="200">
                <telerik:RadialScale IsInteractive="True" StartAngle="180" RangeOffset="0.15" SweepAngle="180" MinorTicks="1"  MiddleTicks="5" Min="0" Max="6" MajorTickStep="3">
                    <telerik:RadialScale.Indicators>
                        <telerik:Needle/>
                        <telerik:Pinpoint />
                    </telerik:RadialScale.Indicators>
                    <telerik:RadialScale.Ranges>
                        <telerik:GaugeRange Min="0" Max="2.5" Background="Green" IndicatorBackground="Green" StartWidth="0.13" EndWidth="0.13"/>
                        <telerik:GaugeRange Min="2.5" Max="4" Background="#7ABD7A"  IndicatorBackground="#7ABD7A" StartWidth="0.13" EndWidth="0.13"/>
                        <telerik:GaugeRange Min="4" Max="6" Background="Red" IndicatorBackground="Red" StartWidth="0.13" EndWidth="0.13"></telerik:GaugeRange>
                    </telerik:RadialScale.Ranges>
                </telerik:RadialScale>
            </telerik:RadRadialGauge>

[Andrey]

Hi Chandana,

Unfortunately Silverlight does not support PathGradient gradient type. So, it will be a problem to build the ranges like the attached screenshot.

Greetings,

Andrey Murzov

the Telerik team