question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Gantt diagrams too narrow

See original GitHub issue

Thanks in advance. I used the example form the site. I get the output pictured below

proposal-gantt mmd

and I would hope for something like this.

In this particular example, my result is not too bad. But most of my personal charts have collisions and text overruns. For example, proposal-gantt mmd

I’m using Ubuntu, latest. Installed as npm install mermaid. I installed phantomjs via phantomjs-prebuilt, and

> mermaid --version
7.0.0
> phantomjs --version
2.1.1

I get the same problem when I pull from git, and use the deprecated npm phantomjs.

I am using no modified/custom configurations or CSS. Everything is just out of the box.

The -w flag has no effect.

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Reactions:1
  • Comments:6

github_iconTop GitHub Comments

2reactions
marmanoldcommented, Jun 15, 2017

+1 A fix for this in the CLI would be much appreciated. I’ll give the code a look when I have a moment, but passing the width argument to PhantomJS might resolve this issue.

0reactions
tylerlongcommented, Mar 13, 2018

We do not use PhantomJS any more. Ref: https://github.com/mermaidjs/mermaid.cli

Feel free to create a new issue for the latest version.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Gantt diagrams too narrow · Issue #493 · mermaid-js ... - GitHub
I manage to resolve my generated gantt diagrams being too narrow by passing in a css file using -t option of mermaid CLI....
Read more >
Gantt charts are way too small to be readable - Obsidian Forum
Expected result A moderately readable gantt chart will show up. Actual result The gantt chart is way too small and it's unreadable.
Read more >
Mermaid Gantt Chart Width Too Small - Support - Joplin Forum
A Mermaid graph, in the same note as the Gantt diagram, runs across the complete available width. Help would be much appreciated.
Read more >
Gantt Chart view or Usage view print on too many pages - Office
Describes an issue where Gantt Chart view or Usage views print on too many pages in Project. Provides a solution.
Read more >
Gantt Chart: The Ultimate Guide (with Examples)
Gantt charts are key to successful projects; learn everything you need to know about their history and how to implement them to keep...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found