sayed
Posts: 13
Joined: Tue Oct 13, 2020 8:07 am

Gantt width issue

Hi,
I have came across an issue with my chart due to the change of page width.
I know Highchart "reflow" the chart when the window size change, and also give the users the option to call "reflow" manually when its needed.

Le'ts say that I have two charts displayed on a single row and each chart can be removed from the row using a delete button.
If I delete a chart, I can manually call the "reflow" on the visible chart to make the chart takes the full available space.

But, what about when having a Gantt with a task that has 100 child task, when I click on the parent task to see the children task, the width of the page changes due to the scrollbar visibility and lose about 16px of the gantt.

Any idea how to overcome this issue without having the scrollbar visible all the time?

This is my gantt
gantt-scrollbar.PNG
gantt-scrollbar.PNG (8.9 KiB) Viewed 2096 times
When I open Task A to see the children tasks, I get the scrollbar
gantt-scrollbar2.PNG
gantt-scrollbar2.PNG (19 KiB) Viewed 2096 times
I don't have the navigator handle anymore
gantt-scrollbar3.PNG
gantt-scrollbar3.PNG (10.54 KiB) Viewed 2096 times
demo: https://codesandbox.io/s/gantt-x-axis-1 ... c/index.js
User avatar
sebastian.h
Posts: 1734
Joined: Fri Aug 07, 2020 7:08 am

Re: Gantt width issue

Hi,
Thanks for contacting us.

After tests this behaviour looks like a bug.
Could you report this on the https://github.com/highcharts/highcharts/issues ?

Best regards.
Sebastian Hajdus
Highcharts Developer

Return to “Highcharts Gantt”