We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Slow rendering for real time line chart


I am making a real-time dashboard for IoT devices. The charts will update once per second. I noticed that when I have four charts - the rendering time seems to be quite "slow" across the 4 charts. The change in each chart is very noticeable - i.e. you can see the lines on the graphs re-rendering and I find it quite distracting. It gets slower as the number of data points in the bound DataSource grows.

I have attached a basic example - where I start with 1 minute of data, then I am firing a timer every 1 second, that adds data to an ObservableCollection, and then forces a refresh. Is there a way to speed up the rendering so it doesn't appear too noticeable? Or is there something fundamental that I am missing? I have tried it on Chrome and Edge - it is worse in Chrome.

Please find the project attached. 

Attachment: SyncFusionBlazorChart_submit_b18df085.zip

8 Replies

WI William January 23, 2020 08:37 AM UTC

Additional info: I used a SyncFusion template for Blazor-server side. I am running it locally. The charts on the the "Live Data" tab in the Navbar.
I have attached a video of what I am seeing.


Attachment: Chart_updates_876fecc0.zip

SM Srihari Muthukaruppan Syncfusion Team January 27, 2020 12:56 PM UTC

Hi William, 

We have analyzed your query. From that, we would like to let you know that we are able to reproduce the issue. We are working on the possible solutions to overcome this issue. Due to some technical difficulties we will update the status within two business days (January 29). We appreciate your patience until then.  

Let us know if you have any concerns. 

Srihari M 

WI William January 27, 2020 04:43 PM UTC

Thanks Srihari. I look forward to hearing from you.


SM Srihari Muthukaruppan Syncfusion Team January 28, 2020 10:04 AM UTC

Hi William,  

Most welcome.  

As promised we will update the status on January 29. 

Let us know if you have any concern   
Srihari M 

KC Kalaimathi Chellaiah Syncfusion Team January 29, 2020 12:58 PM UTC

Hi William, 
Sorry for the inconvenience caused. 

We are able to reproduce the reported bug and logged it in our backlog. You can keep track of the bug from the feedback portal below.  
The fix will be available in our upcoming weekly patch release which is scheduled to be rolled out on or before February 4th, 2020.  

If you have any more specification/precise replication procedure or a scenario to be tested, you can add it as a comment in the portal.  


SM Srihari Muthukaruppan Syncfusion Team February 6, 2020 09:23 AM UTC

Hi William, 

Thanks for being patience. 
We are glad to announce that our v17.4.47  patch release is rolled out, we have added the fix for the reported issue and is available for download under the following link.  

We would also like to let you know that we achieved your requirement by calling “RefreshLiveData” in the chart. We have also prepared a sample for your reference. Please find the below sample and code snippet.  

Code Snippet: 
    EjsChart Chart; 
    EjsChart Chart1; 
    EjsChart Chart2; 
    EjsChart Chart3;    
protected override void OnInitialized() 
        // create the timer 
        t = new System.Timers.Timer(1000); 
        // when it elapses, add a newly created LiveData, and refresh 
        t.Elapsed += async (s, e) => 
            dataSource.Add(new LiveData { TimeStamp = DateTime.Now, Value = rng.Next(0, 100) }); 
We appreciate your patience in waiting for this release. Let me know, if you need further assistance.  
Srihari M 

WI William March 2, 2020 03:54 PM UTC

Thank you - this did solve my issue.

SM Srihari Muthukaruppan Syncfusion Team March 3, 2020 04:14 AM UTC

Hi William,  

Most welcome. Kindly get in touch with us, if you requires further assistance. We are always happy in assisting you.   
Srihari M

Live Chat Icon For mobile
Up arrow icon