Gantt diagram date text on the horizontal axis overlapped if tasks span a long period of time

[ccll]

Describe the bug

To Reproduce Steps to reproduce the behavior: Paste below code into live editor

gantt
section Section
Completed    :done,    des1, 2020-01-06, 2020-01-08
Active       :active,  des2, 2020-01-07, 30d
Parallel 1   :         des3, after des1, 30d
Parallel 2   :         des4, after des3, 30d
Parallel 3   :         des5, after des4, 30d
Parallel 4   :         des6, after des5, 30d

Expected behavior The date text on horizontal axis should not overlap, for e.g. switch to a vertical layout.

Desktop (please complete the following information):

• OS: Ubuntu 19.10
• Browser chrome

[jmythms]

Mermaid is amazing. I ran into the same problem. Is it possible to get the dates vertically formatted?

[Bloodchiefy]

Did so too, is it resolved?

[drorata]

I would like to raise the very same question... Thanks

[irasanchez]

The easiest way to resolve this is to choose a different date format. It's not a direct solution, but it works for my purposes: https://github.com/mermaid-js/mermaid/issues/269

[aliouas]

I think the issue is resolved. I tried to reproduce it and this is the output: I think it should be closed.

[nmlynch94]

@aliouas I suspect this is fixed by whatever custom theme you have enabled. For me, it works with minimal enabled, but this is what it looks like with the default theme enabled:

[paldeep-singh]

I'm going to try looking into this this weekend