美人鱼图断线

Question

我找不到如何在节点内的长标题中插入换行符。例如：

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

不起作用。

Answer 1

看来您可以使用

<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)
        ")

Answer 2

另一个看起来效果很好的答案是使用

\n

而不是

<br>

。

Answer 3

如美人鱼流程图语法中所述，您需要在

graph TB

之前添加此内容：

%%{init: {"flowchart": {"htmlLabels": false}} }%%

然后您可以换行（例如，通过

\n

），如以下示例所示：

%%{init: {"flowchart": {"htmlLabels": false}} }%%
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\nComplex coacervation)