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

Gantt Chart refresh re render slow on updates. Virtualization doesn't work

Hello.

Testing the gannt component the initilzation and re render times on updates with only 200+ events/tasks is too slow.

I share a minimal angular project with an example simulating our use case for the gannt component.
Here I simulate a endpoint call that when the user updates the dates or the resource of the event with drag and drop or resizing, other tasks associated get updated by the "server" so the events are re created.

This refresh process is to slow with only 220 events taking up to 10 seconds to re-render the component.


I tried the virutalization but with the new features doesn't works.

Here is the gantt without virtualization:
Screenshot_15.png

But when enable the events doesn't get drawn:
Screenshot_16.png

Attachment: syncfusionganttdemotest_f31cb3de.zip


7 Replies

UA Udhayakumar Anand Syncfusion Team April 24, 2023 02:50 PM UTC

Hi Cesar Smerling


After reviewing the sample you provided, we noticed that every action results in a change in the entire data source in the updateGanttTask method, which could be causing the issue, could you please tell us what’s the requirement  to change all of the data source on each drag or resize action, which will be helpful for us to provide the alternate solution for this


Regards,

Udhayakumar



CS Cesar Smerling April 25, 2023 01:50 PM UTC

That is the requeriment the method is simulating a server like I mention. The tasks are re constructed on any update made by the user.
Virtualization is not working, and like I mention, the first render of the gantt is slow too not only the update. So is not the updateGanttTask method the problem, is the gantt. There is a way to improve this??



RO RolJan April 25, 2023 02:30 PM UTC

Hi,

I am also having problems with virtual scrolling (but different)

Maybe this case would be more similar to yours?

https://www.syncfusion.com/forums/167659/when-i-load-1050-data-in-gantt-chart-my-page-stucks



UA Udhayakumar Anand Syncfusion Team April 26, 2023 01:27 PM UTC

Hi Cesar



Query#:-the first render of the gantt is slow too not only the update. So is not the updateGanttTask method the problem, is the gantt?


To further investigate this issue, we have reviewed your query and attached a video sample where we run the sample that you’ve provided without any modification. We have noticed the time taken to render the Gantt by using the load and created event, and that time is logged in the console which is 189ms. and we haven’t faced any delay on the initial rendering as you have reported so the delay might occur due to the method updateGanttTask(only on performing actions).


Regards,

Udhayakumar


Attachment: issue_video_7f0f8422.zip


CS Cesar Smerling April 27, 2023 12:46 PM UTC

Are you taking serious this issue?? It's seem that you are trying to delay or recognized the problem, taking our valuable time to waste.

Have you seen the video?? I checked the video:

  1. Don't know exactly what you log there with the "time taken" you don't share code.
  2. At second 4 of the video the data is ready in for the gannt. But nothing is yet render in the gantt (nothing I mean tasks/events/resources)gantt_1.jpg
  3. At second 9 (when you stop the video) still nothing is render in the gantt. 4 or 5 seconds to show any tasks is slow but I mentioned that is 10 seconds or more but in the video this could not be seen because is stopped.

gantt_2.jpg


Here I updated the code to log some times, here is what I got: