美人鱼图表换行

71

我找不到在节点内插入换行符的方法。例如:

library(DiagrammeR) 
mermaid("
graph TB
     A[GE Solution]-->C{ }
     B[GA Solution]-->C{ } 
     C{ }-->D[Stir 10 mins at 500 r/min]
     D[Stir 10 mins at 500 r/min]-->E[Homogenisation at 10000 r/min]
     E[Homogenisation at 10000 r/min]-->F(Stir 10 min 450 r/min Complex coacervation)
      ")

注意节点 F 太长了。 我该如何使它变得像...?

|Stir 10 min 450 r/min|
|Complex coacervation |

注意,\n 不起作用。

2个回答

117

看起来你可以使用<br>代替:

mermaid("
graph TB
        A[GE Solution]-->C{ }
        B[GA Solution]-->C{ } 
        C{ }-->D[Stir 10 mins at 500 r/min]
        D[Stir 10 mins at 500 r/min]-->E[Homogenisation at 10000 r/min]
        E[Homogenisation at 10000 r/min]-->F(Stir 10 min 450 r/min <br> Complex  coacervation)
        ")

enter image description here


2
准确无误!我在说明书中找不到这个。谢谢。 - Scientist
3
保存SVG文件并在浏览器中打开时,会提示缺少<br>结束标签,使用<br/>似乎更合适,但仍然保存为<br>,可能是mermaid的一个错误。 - Aleksei
1
@Aleksei 很好的指出,参见:https://dev59.com/DXI-5IYBdhLWcg3wQV8Z - Hack-R
1
美人鱼的ER图表中的注释如何? - Yongxin Zhang

5

另一个看起来完全有效的答案是使用\n而不是<br>


4
无法正常工作。请提供您使用它的示例或分享详细解释答案的链接。 - samar taj Shaikh
1
在流程图的participant中,\n无效。但是可以使用<br> - koppor
我正在使用Mermaid通过Markdown Viewer(Chrome扩展程序)进行操作,但是它们都无法产生换行。但是当我将其推送到GitHub时,它可以正常工作。也许在我的情况下是扩展程序的实现问题。 - dudung

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接