Jaws
Posts: 12
Joined: Wed May 25, 2022 6:31 am

Page becomes unresponsive in case of large of amount of data

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
Posts: 1114
Joined: Thu Aug 12, 2021 12:04 pm

Re: Page becomes unresponsive in case of large of amount of data

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!
Michał Filipiec
Highcharts Developer
https://blacklabel.pl/highcharts/
Jaws
Posts: 12
Joined: Wed May 25, 2022 6:31 am

Re: Page becomes unresponsive in case of large of amount of data

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
Posts: 1114
Joined: Thu Aug 12, 2021 12:04 pm

Re: Page becomes unresponsive in case of large of amount of data

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!
Michał Filipiec
Highcharts Developer
https://blacklabel.pl/highcharts/

Return to “Highcharts Gantt”