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
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Slow rendering for real time line chart

Thread ID:

Created:

Updated:

Platform:

Replies:

150888 Jan 23,2020 08:19 AM UTC Mar 3,2020 04:14 AM UTC Blazor 8
loading
Tags: Charts
William
Asked On January 23, 2020 08:19 AM UTC

Hi,

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

William
Replied On 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.

Thanks.

Attachment: Chart_updates_876fecc0.zip

Srihari Muthukaruppan [Syncfusion]
Replied On 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. 

Regadrs 
Srihari M 


William
Replied On January 27, 2020 04:43 PM UTC

Thanks Srihari. I look forward to hearing from you.

Regards
William

Srihari Muthukaruppan [Syncfusion]
Replied On 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   
   
Thanks,   
Srihari M 


Kalaimathi Chellaiah [Syncfusion]
Replied On 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.  

Regards, 
Kalai. 
 


Srihari Muthukaruppan [Syncfusion]
Replied On 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); 
        t.Start(); 
 
        // 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) }); 
            this.Chart.RefreshLiveData(); 
            this.Chart1.RefreshLiveData(); 
            this.Chart2.RefreshLiveData(); 
            this.Chart3.RefreshLiveData(); 
        }; 
    } 
 
We appreciate your patience in waiting for this release. Let me know, if you need further assistance.  
  
Regards,  
Srihari M 


William
Replied On March 2, 2020 03:54 PM UTC

Thank you - this did solve my issue.

Srihari Muthukaruppan [Syncfusion]
Replied On 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.   
   
Thanks,   
Srihari M

CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon