I have created a XamDataChart that is bound to a real-time data source. I need the x-axis (Date) to update in real-time. Currently the x-axis labels are only updated when the chart is re-sized horizontally. Is there any way to have the x-axis labels update in real-time?
Kevin, does the collection that the XAxis is bound to support INotifyCollectionChanged? Can you post any kind of sample of how you have this configured?
The collection is bound to an ObservableCollection.
The Code Behind:
public partial class MainPage : UserControl { private Random _rand = new Random(); private DispatcherTimer _timer = new DispatcherTimer(); private double _curr = 0.0; //private TestData _td = new TestData(); private RealTimeDataBuffer _td = new RealTimeDataBuffer() { HistoryTimeSpan = new TimeSpan(0, 1, 0) }; public MainPage() { InitializeComponent(); DataContext = _td; _timer.Interval = new TimeSpan(0, 0, 0, 0, 100); _timer.Tick += Timer_Tick; _timer.Start(); } TimeSpan max = new TimeSpan(0, 1, 0); List<TestDataItem> _bufferedData = new List<TestDataItem>(); void Timer_Tick(object sender, EventArgs e) { if (_rand.NextDouble() > .5) { _curr += _rand.NextDouble(); } else { _curr -= _rand.NextDouble(); } _bufferedData.Add( new TestDataItem() { TimeStamp = DateTime.Now, Value = _curr }); // Add the data to the chart in groups of 10 if (_bufferedData.Count >= 10) { _td.Add(_bufferedData); _bufferedData.Clear(); } } } //public class TestData // : ObservableCollection<TestDataItem> //{ //} public class TestDataItem { public DateTime TimeStamp { get; set; } public double Value { get; set; } } public class RealTimeDataBuffer : DependencyObject, INotifyCollectionChanged, IEnumerable { public event NotifyCollectionChangedEventHandler CollectionChanged; private List<TestDataItem> historicalDataSource = new List<TestDataItem>(); private TimeSpan dataPointInterval; public TimeSpan HistoryTimeSpan { get { return dataPointInterval; } set { dataPointInterval = value; } } public IEnumerator GetEnumerator() { return historicalDataSource.GetEnumerator(); } /// <summary> /// Add a specified number of records from /// historical dataset to dataset /// </summary> /// <param name="recordCount"></param> public void Add(IEnumerable<TestDataItem> items) { foreach (var item in items) historicalDataSource.Add(item); // Remove any old data DateTime minTime = historicalDataSource.Last().TimeStamp - dataPointInterval; while (historicalDataSource.First().TimeStamp < minTime) { // Remove this item from the total historicalDataSource.RemoveAt(0); } if (CollectionChanged != null) { CollectionChanged(this, new NotifyCollectionChangedEventArgs(NotifyCollectionChangedAction.Reset)); } } }
Kevin,
Good catch! Looks like the category axes are currently blissfully ignoring the reset and replace actions, while the series respect them. I'll get back to you with a bug number. In the meantime, something like this would make sure the axes take notice.
if (CollectionChanged != null) { CollectionChanged(this, new NotifyCollectionChangedEventArgs( NotifyCollectionChangedAction.Reset)); int lastIndex = historicalDataSource.Count - 1; CollectionChanged(this, new NotifyCollectionChangedEventArgs( NotifyCollectionChangedAction.Remove, historicalDataSource[lastIndex - 1], lastIndex)); CollectionChanged(this, new NotifyCollectionChangedEventArgs( NotifyCollectionChangedAction.Add, historicalDataSource[lastIndex - 1], lastIndex)); }
I would actually only bother throttling the collection like this if you realize a good performance improvement from it. Depending on the volume of your updates, you may find it not making much difference.-Graham
Bug number 36424.
-Graham
Graham, Have you been able to recreate the memory leak problem I pointed out earlier?
If I replace the collection that implements ICollectionChanged with a List that is replaced on each update cycle like you BindingLiveData example from the XamFeatureBrowser as follows:
List<StockMarketDataPoint> newData = new List<StockMarketDataPoint>(); newData.AddRange(_data); this.xmDataChart.DataContext = newData;
The CategoryXAxis labels update correctly but I end up with a large memory leak possibly due to replacing the collection each update cycle??
I'll take a look. The data management of the chart was pretty carefully designed around some Weak Event patterns, but its possible some regression problems worked their way into the release. I'll let you know if I find the root cause of the leak.
Hi Graham,
Thanks for quick reply. Yes it was the issue I was not notifying property change. Thanks once again.
Hi,
Does your collection implement INotifyCollectionChanged? Could you share a small sample illustrating the incorrect behavior? That would help us identify the problem.
I am also having the same issue of not updating the horizontal labels. I am using categoryXAxis for labels which is binded with a collection which is dynamic and its values are also volatile. In code collection is getting updates but its not visible on the chart surface. Can you please suggest something in this regard.
Thanks.
You can reference a bug number when you contact developer support to check the status of a bug. Could you describe the problem you are having so we can be sure its already captured?
Thanks,
This problem is giving me a terrible headache. Does anyone know when it will be fixed? Please help me! ㅜ.ㅜ