This is my current code for binding data to the sfCircularGauge specifically the needle pointer value.
However when i run the application the gauge still shows zero and doesent change value as my data changes. Would anyone know how to solve this? Greatly appreciated.
Guess what im trying to do is make the sfCirculargauge updat dynamically with jason data.
CODE BEHIND FOR circular Gauge
using System.Net.Http;
using Newtonsoft.Json;
using Xamarin.Forms;
using System.Collections.ObjectModel;
using Syncfusion.SfGauge.XForms;
using System.Collections;
using System.Linq;
using System.Linq.Expressions;
using System.Text;
using System.Threading.Tasks;
namespace Drip
{
public partial class Guage : ContentPage
{
private const string Url = "https://thingspeak.com/channels/301726/field/1.json";
private HttpClient _client = new HttpClient();
private ObservableCollection<Feed> _data2;
SfCircularGauge circular;
NeedlePointer needlePointer;
public Guage()
{
InitializeComponent();
circular = new SfCircularGauge();
circular.VerticalOptions = LayoutOptions.FillAndExpand;
circular.BackgroundColor = Color.Black;
Header header = new Header();
header.Text = "Water Meter";
header.TextSize = 20;
header.Position = new Point(0.50, 0.7);
header.ForegroundColor = Color.Gray;
circular.Headers.Add(header);
ObservableCollection<Scale> scales = new ObservableCollection<Scale>();
Scale scale = new Scale();
scale.LabelPostfix = "Litres";
scale.StartValue = 0;
scale.EndValue = 30;
scale.Interval = 2;
scale.StartAngle = 135;
scale.SweepAngle = 270;
scale.RimThickness = 20;
scale.RimColor = Color.White;
scale.MinorTicksPerInterval = 0;
scales.Add(scale);
Range range = new Range();
range.StartValue = 20;
range.EndValue = 30;
range.Color = Color.DarkRed;
range.Thickness = 10;
scale.Ranges.Add(range);
circular.Scales = scales;
needlePointer = new NeedlePointer();
needlePointer.Color = Color.Gray;
needlePointer.KnobColor = Color.Red;
needlePointer.Thickness = 5;
needlePointer.KnobRadius = 20;
needlePointer.LengthFactor = 0.8;
needlePointer.Value = 20;
scale.Pointers.Add(needlePointer);
Content = circular;
}
protected override async void OnAppearing()
{
var content = await _client.GetStringAsync(Url);
var data = JsonConvert.DeserializeObject<RootObject>(content);
_data2 = new ObservableCollection<Feed>(data.Feeds);
this.BindingContext = _data2[0];
needlePointer.SetBinding(Pointer.ValueProperty, "Field1");// Binding data
}
}
}
}
MODELS
using System.Collections.Generic;
namespace Drip
{
public class RootObject
{
public List<Feed> Feeds { get; set; }
}
}
using System.ComponentModel;
using System.Runtime.CompilerServices;
namespace Drip
{
public class Feed : INotifyPropertyChanged
{
private double _field1 = 0;
public double Field1
{
get
{
return _field1;
}
set
{
if (_field1 != value)
{
_field1 = value;
OnPropertyChanged();
}
}
}
public DateTime Created_at { get; set; }
public int Entry_id { get; set; }
public event PropertyChangedEventHandler PropertyChanged;
private void OnPropertyChanged([CallerMemberName] string propertyField1 = null)
{
{
var handler = PropertyChanged;
if (handler != null)
{
PropertyChangedEventArgs propertyChangedEvent
= new PropertyChangedEventArgs(propertyField1);
handler(this, propertyChangedEvent);
}
}
}
}
}
THANKS
