jayapradeep_mohan
Posts: 14
Joined: Tue Mar 21, 2023 8:42 am

Enormous white space in high charts using Gantt

Hi,
When we try to draw a Gantt chart and if there are millions of data, we could see so much of whitespaces.
Is there a way, where the x-axis gets reset according to the number of data to avoid seeing whitespaces.
The attached "Normal.jpg" contains the white spaces.
The attached "AfterZoom.jpg" shows the plotted chart/

jsfiddle: https://jsfiddle.net/jayapradeep_mohan/uzc498ky/78/
Note:
I didn't specify the type of the chart, rather populated some series with some data.
Eventually, when I add more data to the chart, I definitely end up seeing the white spaces.
jedrzej.r
Posts: 725
Joined: Tue Jan 24, 2023 11:21 am

Re: Enormous white space in high charts using Gantt

Hello,

Welcome to our forum and thanks for reaching out to us with your question!

It seems that you forgot to add attachments mentioned in your post. Also, the demo refers to columnrange series, which isn't exactly the same as Gantt chart.

Could you please upload attachments showing this problem and appropriate fiddle so I can reproduce this behaviour?
Best regards!
Jędrzej Ruta
Highcharts Developer
jayapradeep_mohan
Posts: 14
Joined: Tue Mar 21, 2023 8:42 am

Re: Enormous white space in high charts using Gantt

Hi,
Pardon for the delay.
I wasn't able to attach the files or drag and drop them here.
It always prompts me HTTP error.
Please help with letting me know, a way to attach the files.
jedrzej.r
Posts: 725
Joined: Tue Jan 24, 2023 11:21 am

Re: Enormous white space in high charts using Gantt

Hi!

If you're unable to attach images by using attachments or drag-and-drop, you can always use a image hosting servers, for example imgur. Could you also copy and paste the mentioned HTTP error, so I can investigate it further?

Best regards!
Jędrzej Ruta
Highcharts Developer
jayapradeep_mohan
Posts: 14
Joined: Tue Mar 21, 2023 8:42 am

Re: Enormous white space in high charts using Gantt

Hi,
Please refer the attached images.
Normal.jpg - Shows the white lines when there are thousands of data.
AfterZoom.jpg- Shows the chart after a zoom in.
Thank you.
Attachments
AfterZoom.jpg
AfterZoom.jpg (46.86 KiB) Viewed 3165 times
Normal.jpg
Normal.jpg (63.95 KiB) Viewed 3165 times
jedrzej.r
Posts: 725
Joined: Tue Jan 24, 2023 11:21 am

Re: Enormous white space in high charts using Gantt

Hi!

First of all, attachments and fiddle demo show columnrange series, and the title of topic indicates that it's a problem related to Gantt chart. Why don't you use Gantt chart for this type of data, since it's designated for this case?

Live demo: https://jsfiddle.net/BlackLabel/veszp0n4/

Let me know if this is what you were looking for.
Best regards!
Jędrzej Ruta
Highcharts Developer
jayapradeep_mohan
Posts: 14
Joined: Tue Mar 21, 2023 8:42 am

Re: Enormous white space in high charts using Gantt

Hi,
Thanks for your response.
In the Gantt chart link provided above, https://jsfiddle.net/BlackLabel/veszp0n4/ if we rotate the loop for 1000 times (to populate the series data) we can end up in seeing the white spaces, I did mentioned initially.

Here is the chart resulted after updating the value of i to loop for 1000 times.
Gantt_Issue.jpg
Gantt_Issue.jpg (31.42 KiB) Viewed 3141 times
Thanks.
User avatar
dawid.d
Posts: 833
Joined: Thu Oct 06, 2022 11:31 am

Re: Enormous white space in high charts using Gantt

Hello,

The downside of using so many points in Highcharts Gantt is that it does not support the Boost module. Mainly because we don't usually use that much data in this chart type. However, If you think this problem (about the white points from a certain range) can be treated as a bug, you can report it as an issue on our official GitHub here: https://github.com/highcharts/highchart ... new/choose

As for using the 'columnrange' series type, do I understand correctly that your problem is 1-pixel wide bars? If so, this is a limitation of the boost module. You can read more about it here: https://www.highcharts.com/docs/advance ... le#caveats
Demo: https://jsfiddle.net/BlackLabel/aq6wun52/

If I may clarify any issues/matters I am available at your convenience.
Best regards!
Dawid Draguła
Highcharts Developer

Return to “Highcharts Gantt”