mermaidjs : Gantt Diagram - Non Overlapping Tasks in Single Row - Githubissues

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

68.69k stars 6.07k forks source link

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

Open rrajaCF opened 1 month ago

rrajaCF commented 1 month 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

Mermaid version:
Browser and Version: [Chrome, Edge, Firefox]

Suggested Solutions

No response

Additional Context

No response