Simple Real Time Chart Plot (not MVVM)

[Waleed El-Badry]

Hello,

Is there any possibility to have a small application showing how to plot real time data on XY chart? I looked at the sample of patient monitoring but I hope it is possible to get unbound example (non MVVM based). Thanks

[Hemalatha Marikumar]

Hi Waleed El-Badry, 

 

Greetings from Syncfusion. 

 

Is there any possibility to have a small application showing how to plot real time data on XY chart? 

 

Yes. It is possible to create a real time data on XY chart as per in below KB  

 

https://www.syncfusion.com/kb/11416/how-to-create-a-real-time-chart-sfchart-using-mvvm-in-wpf 

 

But your requirement is about without MVVM, hence modified the same sample without having MVVM pattern. Please download the same in below link 

 

https://www.syncfusion.com/downloads/support/forum/154325/ze/Live-Data1724633881 

 

Regards,
Hemalatha M. 

[Waleed El-Badry]

Thank you Hemalatha for your response and the sample example

I tried to fit the example to my needs as I am working on multiple charts with 10ms update interval. I have two issues

1. The chart starts to be heavy in update after few hundred points.
2. The time range is not shifted (I tried to make it 5 sec before starts shifting but failed to do so). I try to keep 5 sec (500 points) window while shifting point by point.
   

I have attached my trial based on your code. I tried to attach it but always getting an error so I uploaded to secure Mega. Your assistance is highly appreciated.

https://mega.nz/file/Mq4lgT7B#nX-ebnx1laaScEhwo6X2jZiQKp9znsvxsJmglu1dafU

Also, Would performance be hit if I added another 3 charts so all 4 charts are updated in 10 ms intervals?

[Rodolphe Billottet]

Hi there,

I have also some need for Charting in real-time and I'm concerned about the performance as the SfChart is getting very slow with just few hundred of points.  

I'm actually currently using an old version of SfChart (v12.x) which was ok, till  30~50,000 points, so quiet not understanding sush degradation of performance.    

[Devakumar Dhanapoosanam]

Hi Waleed El-Badry, 

 

Thanks for your update. 

 

We have analyzed your reported query and the provided sample, and we would like to let you know that for real time update with huge data point we can improve the chart performance by using the chart SuspendSeriesNotification and ResumeSeriesNotification while adding huge data as per in the below code snippet,  

 

XAML: 

<chart:SfChart.PrimaryAxis> 

       <chart:NumericalAxis Name="TimeAxis" Header="Time (s)" IsTabStop="False" 

                                     Minimum="0" MaximumLabels="5" 

                                     AutoScrollingDelta="4" AutoScrollingMode="End"/> 

</chart:SfChart.PrimaryAxis> 

<chart:SfChart.SecondaryAxis> 

                <chart:NumericalAxis Header="Voltage" /> 

</chart:SfChart.SecondaryAxis> 

… 

 

 

C#: 

… 

private void Timer_Tick(object sender, EventArgs e) 

{ 

      var ekg = RandEkg.Next(0, 33) / 10.0; 

      SfChart.SuspendSeriesNotification(); 

      Viewmodel.AddDataPoint(ekg, T, 500); 

      SfChart.ResumeSeriesNotification(); 

      T += 0.01; 

} 

… 

 

 

Sample: https://www.syncfusion.com/downloads/support/forum/154325/ze/154325952718800.zip  

 

UG: https://help.syncfusion.com/wpf/charts/area#deferred-real-time-updates 

 

Please let us know whether the above solution improve the chart performance while adding multiple series or not. 

 

Regards, 

Devakumar D