Problem in Customizing Radial Gauge

[Vibhor]

Hi All,

I want to create a customized radial gauge with animation as shown in attached image as 'DesiredOutput.png'. Can anyone please help me in achieving the same. What I am doing is creating two radial bars with same offset value and then showing the animation. This is working fine but problem with this is that i am unable to show color range with this approach(like green to dark green). Second approach is that i am creating gauge range which gives the proper color range but with no animation and no start and end cap oval. Please tell me the correct approach.

Note :- Attached are three images 'DesiredOutput.png' image is what I want and the other two are what I am able to achieve.

Any help is welcomed. Thanks very much.

 

[Stefan Nenchev]

Hi Vibhor,

I have attached a sample project which I believe achieves the appearance you are looking for. Can you have a look at it and consider the same approach in your actual application?

Regards,
Stefan Nenchev
Progress Telerik

[Vibhor]

Hi Steve,

It works as expected. Thank you.

 

[Tarek]

A lot of thanks Stefan

It work for me also.

But I have one more question

How can I change the Gauge Thickness (not the stroke, please see attached)  

 

Thanks in advance

[Tarek]

Hi Stefan

I already solved it ... Thanks

Here is the solution in case of somebody interested

GaugeBarIndicator: EndThickness,StartThickness

GaugeRangeBarIndicator: ToThickness,FromThickness

<telerikGauges:GaugeBarIndicator
                                    EndThickness="12"
                                    Fill="#D7D7D7"
                                    StartThickness="12"
                                    Value="100" />
                                <telerikGauges:GaugeRangeBarIndicator
                                    x:Name="gaugeMark"
                                    FromCap="Oval"
                                    FromThickness="12"
                                    Stroke="Black"
                                    StrokeThickness="1"
                                    ToCap="Oval"
                                    ToThickness="12"
                                    From="0"
                                    To="{Binding xxxxx}">