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

Nodes in rows #333

Closed
eddiex opened this issue Mar 25, 2016 · 3 comments
Closed

Nodes in rows #333

eddiex opened this issue Mar 25, 2016 · 3 comments
Labels
Type: New Shape Request for new shape

Comments

@eddiex
Copy link

eddiex commented Mar 25, 2016

Hi,
As you can see in the image I have a chart that is rendered very wide. Although I have added a zoom control to allow the page to be zoomed in/out, I'd prefer to have the entire chart render not so wide.

When I have many nodes coming from a single node, is there any way to get them to align such that after a certain amount, it will go to a new vertical "row"? In other words to stack them in groups of (for example) 5 across?

image

Thank you,
Ed

@tylerlong
Copy link
Collaborator

flowchart layout is powered by https://github.com/dagrejs/dagre-d3. For those who want to help please check upstream project to confirm that it's doable.

@stale
Copy link

stale bot commented Jun 29, 2019

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

@stale stale bot added the Type: New Shape Request for new shape label Jun 29, 2019
stanhu added a commit to stanhu/mermaid that referenced this issue Jul 21, 2019
When htmlLabels is set to `false` and a background fill color is used
for a node, the text label will inherit the fill color, hiding the
actual text. To fix this, explicitly set the fill color to mermaid-js#333.

Closes mermaid-js#885
stanhu added a commit to stanhu/mermaid that referenced this issue Jul 21, 2019
When htmlLabels is set to `false` and a background fill color is used
for a node, the text label will inherit the fill color, hiding the
actual text. To fix this, explicitly set the fill color to `mermaid-js#333`, the
same value used in `src/themes/flowchart.scss`.

Closes mermaid-js#885
@IOrlandoni
Copy link
Member

Given how long ago this issue's activity died out, I'm closing it.
This allows us to maintain a fresh list of issues the community is interested in.

mgenereu pushed a commit to mgenereu/mermaid that referenced this issue Jun 25, 2022
…yarn/develop/analytics-0.7.14

chore(deps): bump analytics from 0.7.13 to 0.7.14
avantGardenedu added a commit to avantGardenedu/mermaid that referenced this issue Jan 16, 2023
graph TD;
    A[Beachfront Villa] --> B[TurnKeyinPuntaCana.com];
    B --> C[Effortless Purchase];
    B --> D[Expert Guidance];
    B --> E[Premier Punta Cana Properties];
    style A fill:#f9f,stroke:mermaid-js#333,stroke-width:4px;
    style B fill:#9f9,stroke:mermaid-js#333,stroke-width:4px;
    style C fill:#ff6,stroke:mermaid-js#333,stroke-width:4px;
    style D fill:#ff6,stroke:mermaid-js#333,stroke-width:4px;
    style E fill:#ff6,stroke:mermaid-js#333,stroke-width:4px;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: New Shape Request for new shape
Projects
None yet
Development

No branches or pull requests

3 participants