Mermaid Gantt Chart Width Too Small

Support
1
  • Version: 1.3.18 (prod, linux)
  • Revision: 6b75485 (master)
  • Operating System: Ubuntu 20.04 x64

Mermaid Gantt Chart is not occupying all the horizontal space that is available to it (and thus the dates are crammed.)

image
image764×428 20 KB

(Notice the white blank space at the right end of the chart.)

Here is the note:

# Plan
## Gantt Chart
```mermaid
gantt
    title Gantt Diagram of Honours Project
    axisFormat  %d %b
    
    section Library Dev.
    Operations        :ldt1, 2020-11-10, 1w
    Insights          :ldt2, after ldt1, 1w
    Interestingness   :ldt3, after ldt2, 1w
    IPYNB Integration :ldt4, after ldt3, 1w
    Testing           :ldt5, after ldt4, 2w
    
    section Paper It.1
    Writing           :pot1, after ldt5, 2w
    
    section GUI Dev.
    Development?      :gdt1, after pot1, 6w
    
    section Paper It.2
    Writing           :ptt1, after gdt1, 2w
```

Can I solve this myself using <style> or is this a bug that needs to be fixed?

1 Like
2

Version: 1.3.18 (prod, win32)
Revision: 6b75485a1 (master)
Operating System: Windows 10 Pro (1909)

I have the same issue with the Gantt diagram as described above. I've tried various STYLE settings, but to no avail.

A Mermaid graph, in the same note as the Gantt diagram, runs across the complete available width.

Help would be much appreciated.