mermaid-js / mermaid

Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown
https://mermaid.js.org
MIT License
72.61k stars 6.62k forks source link

mermaidjs : Gantt Diagram - Non Overlapping Tasks in Single Row #5545

Open rrajaCF opened 6 months ago

rrajaCF commented 6 months ago

Description

mermaidjs : Gantt Diagram Non Overlapping Tasks in Single Row

mermaid-diagram-2024-05-10-130519

In the above screenshot the first task and Last task should be in one row, So it reduce the overall size of the page.

Example https://mermaid.live/edit#pako:eNp9kcFugzAMhl_FstQbK4R10pQb0rRx6YlrLh4ESAtJBWbaVPXdZxa2Xab5kuj7PzmKfcU6NBY1duSZjQcpdjxYKOBlRfDkqJtojFFDbJ_DNBIDlKUeN0zvbt7wrtS7o_GRz7ZmFzxU8YywKu6UypSC39Ik-ZtNSCWgMq0eEsj7aBc-cG8nYJrP0W2CFzMXM__TlPi7671IB51l_0oHkR5_pKjVg6vPQAr6ybZgsGe-zDpNRyufdM1p3neO--V170JqEBPcAhnkde1gUF4ZrUEt18a2tAxs0PibqLRwqD58jZqnxSa4XNapbmNG3dIwC7WN4zAd43K-dnT7BL5AgCw

Steps to reproduce

Click the above Live Editor Link for the Code Used

Screenshots

No response

Code Sample

No response

Setup

Suggested Solutions

No response

Additional Context

No response

mrjoel commented 4 months ago

Does using the documented compact display mode somehow not provide the result you want?

soggymuse commented 2 months ago

Does using the documented compact display mode somehow not provide the result you want?

Compact mode doesn't work for me in any of my vaults, so I'd like to know how to do this, too.