美人鱼如何添加此类节点描述？

Question

这是一个我非常喜欢用的流程图模式，我目前正在使用drawio画它：

注意流程图中有两种描述

描述1：A如何到达B
描述2:B的一些属性

我知道美人鱼可以通过以下方式实现 description1：

graph TB
    A --->|"description1:<br>How does A get to B"| B

但是description2对我来说也很重要，有什么办法可以实现吗？

当前的解决方法：

我用子图的标题代替了description2:

graph TB
    A --->|"description1:<br>How does A get to B"| B
    subgraph description2:<br>Some properties of B
    B
    end

但我不得不说这是一个非常丑陋的临时解决方案。所以我在这里问..

Answer 1

虽然某些类型的美人鱼图明确支持注释（例如 sequence diagrams），但流程图不支持注释。

我相信您最接近的是将 B 连接到自身：

graph TB
    A --->|"description1:<br>How does A get to B"| B
    B -.-|"description2:<br>Some properties of B"| B

您可以更进一步，用 linkStyle:

隐藏虚线

graph TB
    A --->|"description1:<br>How does A get to B"| B
    B -.-|"description2:<br>Some properties of B"| B

    %% linkStyles are 0-indexed, so linkStyle 1 applies to the second connection
    linkStyle 1 stroke:#fff,stroke-width:0px;

美人鱼如何添加此类节点描述？

How to add this type of node description by Mermaid?

mermaid

当前的解决方法：