Double Gauge diagram

[Konstantinos Evangelidis]

Hello. I attached a zip file with my idea. Is it possible to have double Gauge diagram like the image? Thank you very much.

Attachment: Gauge_e04949c0.zip

[Sri Gayathri Gopalakrishnan]

Hi Konstantinos, 

 

Query: Double Gauge diagram 

We have analyzed your query and based on your screenshot we have prepared sample. In Sample, we have added two ranges in a scale and applied gradient stop for ranges. Please download the sample from the below link, 

  

http://www.syncfusion.com/downloads/support/forum/137592/ze/DoubleGaugeAndroid497163386  

  

Code Snippet: 

 

CircularRange range1 = new CircularRange(); 

range1.StartValue = 0; 

range1.EndValue = 70; 

range1.OuterStartOffset = 0.9; 

range1.OuterEndOffset = 0.9; 

range1.InnerStartOffset = 0.7; 

range1.InnerEndOffset = 0.7; 

scale1.CircularRanges.Add(range1); 

 

ObservableCollection<GaugeGradientStop> gradientColor1 = new    ObservableCollection<GaugeGradientStop>(); 

 

GaugeGradientStop gaugeGradientStop = new GaugeGradientStop(); 

gaugeGradientStop.Value = 0; 

gaugeGradientStop.Color = Color.WhiteSmoke; 

gradientColor1.Add(gaugeGradientStop); 

range1.GradientStops = gradientColor1; 

 

 

Screenshot: 

 

 

Also please refer our UG Link, 

 

https://help.syncfusion.com/xamarin-android/sfcirculargauge/ranges#setting-gradient-color-for-range  

 

Regards, 

Sri Gayathri. G