Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

gantt width always be 784, x-axis overlap #729

Open
moolean opened this issue Aug 14, 2024 · 0 comments
Open

gantt width always be 784, x-axis overlap #729

moolean opened this issue Aug 14, 2024 · 0 comments

Comments

@moolean
Copy link

moolean commented Aug 14, 2024

Describe the bug
When the Gantt chart is generated, its width is always fixed at 784, which often causes the text on the x-axis to overlap.

npm: v20.16.0
@mermaid-js/[email protected]

cssconfig:
{ "startOnLoad": true, "gantt": { "useWidth": 1000 }, "theme": "forest", "fontFamily": "Noto Sans CJK JP", "darkMode": false }

puppeter-config:
{ "executablePath": "/usr/bin/google-chrome", "args": [ "--no-sandbox", "--start-maximized", "--window-size=2000,2000" ] }

command:
echo "{flowchart}" | mmdc -o {png_file} -i - -p puppeteer-config.json --configFile {css_path} -w 1000

attempts

-s 2 will scale the chart proportionally, but the overlapping issue still occurs.

Expected behavior
Similar to the online live editor, the width should not be fixed.

Screenshots
123

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant