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.

Sign up for GitHub

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

Jump to bottom

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
@dodoinblue dodoinblue mentioned this issue Jul 20, 2016
Merged
@a761208 a761208 mentioned this issue Sep 12, 2017
Closed
@lth946965333 lth946965333 mentioned this issue Jan 25, 2018
Closed
@DropkickSteve DropkickSteve mentioned this issue Mar 16, 2018
Closed
@ygtzf ygtzf mentioned this issue Feb 4, 2016
Closed
@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.

@vassudanagunta vassudanagunta mentioned this issue Aug 29, 2018
Closed
@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
@stanhu
Fix text label colors for flow charts
11b8297 
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 stanhu mentioned this issue Jul 21, 2019
Merged
stanhu added a commit to stanhu/mermaid that referenced this issue Jul 21, 2019
@stanhu
Fix text label colors for flow charts
83b7163 
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
@K-Noble22 K-Noble22 mentioned this issue Aug 2, 2019
Closed
@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
@sidharthv96
Merge pull request mermaid-js#333 from mermaid-js/dependabot/npm_and_…
644faf8 
…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
@avantGardenedu
Create turnkey
18685c1 
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;
@RaphMcGee23 RaphMcGee23 mentioned this issue Oct 19, 2023
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
Type: New Shape Request for new shape
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@tylerlong @eddiex @IOrlandoni