Page becomes unresponsive in case of large of amount of data

[Jaws]

Facing issue when I try to render a gantt chart which has large number of data points(400). A popup shows up saying unresponsive script(chrome) if i continue it takes like 7 secs to render

[michal.f]

Hello,

Could you reproduce the issue in an online editor I could work on? Because now it is hard to help you without taking a look at your code.
You can start based on this demo: https://jsfiddle.net/BlackLabel/6zcskv41/

Best regards!

[Jaws]

I'll try to give the demo link soon as possible. I have to make some changes to cover up the confidential data and generate the same large amount of data.

Just curious though is it possible that my chart is loading slow because I have too many event listeners ? I have click function in both X and Y axis. In which there are two event listeners in X axis and one in Y axis.
Also there images(SVG) in the X and Y axis with html enabled true. There are two images in each.

Can this be the reason for the rendering to take long? If it's because of this can I lazy my data as the user scrolls ? currently my page is breaking over 300 data in the series array and I'm expecting a little over 2000 in a short span of time.

[michal.f]

Hi,

A large amount of data is the main reason a chart takes so long to load.
It is hard to tell what else may cause the chart generation to slow down without looking at your code.

Best regards!