mermaid
mermaid copied to clipboard
Align flowchart items in LR layout
Hi, I am trying to use mermaid for a graph, but cannot figure out if
- it's possible to left align the boxes which that are on the same "depth of the tree" (e.g. "Image Risks" and "Registry Risks" and the one's below). They're right now centered.
- it's possible to make all arrows start from the same position (e.g. for the leftmost box so that they come out of the middle of the right edge)
Thanks!
Graph in live editor
Hi! Unfortunately that is not possible. Perhaps it should be possible to set a fixed width of a node.
Hi! Unfortunately that is not possible. Perhaps it should be possible to set a fixed width of a node.
Thanks for the clarification. A fixed width would be valid workaround, I guess.
You can do This with HTML Tags :
Tips1["<p style='width:250px;height:25px;margin:0px;'>centered</p>"]
Tips2["<p style='width:250px;height:25px;margin:0px;text-align:right'>right align</p>"]
Tips3["<p style='width:250px;height:25px;margin:0px;text-align:left'>left align</p>"]