Real-time Column chart

[Jaywant Kulkarni]

Hello SF team,

I need to use a Column Series chart in my WPF application. 

The X-axis data for the chart is picked up from Serial Port on real-time basis at interval of 1-second. Lets say in a List<int>(). The Y-axis would be fixed for 0 to 100.

The chart should update accordingly. At a time max. 24 columns would be shown in the chart.

And thereafter it should rollover like 'moving-window' scenario.

I am totally new to SF and this would be the very first time I would be using (any) SF control.

I did go through basic tutorial of SF Column chart.  But its pretty text-book kind of tutorial and I could not find one for real-time data. Also, my application is not using MVVM or any other design pattern.

Could you please help me with relevant sample code?

Thanks!

[Yuvaraj Palanisamy]

Hi Jaywant Kulkarni, 

 

Greetings from Syncfusion. 

 

We have analyzed your query and you can achieve your requirement “Real time chart in wpf” with the help of below document. 

 

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

 

Also, for more details please refer the below link about the SfChart in wpf 

https://help.syncfusion.com/wpf/charts/getting-started  

 

Regards, 

Yuvaraj 

[Jaywant Kulkarni]

Dear @Yuvaraj,

Thanks a lot for super quick reply!

Really a simple and working example. 

Though the sample is for LineSeries, I could figure out to tweak for ColumnSeries.

This is really helpful and close to my requirement.

Now I will work on the real thing and get back if any further help required.

Thanks again!

Cheers!

Jaywant 

[Gayathri Manickam]

Hi Jaywant, 

 

Thank you for your update. We are glad to know that the provided solution works at your end. 

 

Please let us know if you have any further assistance. 

 

Thanks, 

Gayathri M 

[Jaywant Kulkarni]

Hi,

As I tweaked the sample code, 

I am getting NullReference exception.

Please see attached files.

DataGenerator (.cs & .xaml) - orginal sample code - works perfectly.

THDVChart(.cs & .xaml) - my tweaked code - throws exception at line no 36.

Please help.

Thanks!

Attachment: tmp_87ad9cf.zip

[Gayathri Manickam]

Hi Jaywant, 

 

We have analyzed your query and you can resolve the exception by initializing a property for the XData in the model and bind the property to the XBindingPath in the ChartSeries. Please refer below code snippet and modified sample. 

 

XAML:  

<chart:SfChart x:Name="THDVChart" Margin="0,10,19.8,0" AreaBorderThickness="0,1,1,1" Header=" " Palette="Custom" > 

  . . .          

   <chart:FastColumnBitmapSeries Label="A" XBindingPath="Date" 

   YBindingPath="Rph" LegendIcon="Rectangle" StrokeThickness="1"  

   ItemsSource="{Binding DynamicData}"/> 

             

</chart:SfChart> 

 

Sample : https://www.syncfusion.com/downloads/support/forum/168624/ze/Sample-WPF-1834033561.zip 

 

Thanks, 

Gayathri M.