mermaid绘制子图

「已注销」

于 2021-06-10 16:56:25 发布

阅读量4.5k

点赞数 2

分类专栏：办公软件

本文链接：https://blog.csdn.net/fukangwei_lite/article/details/117785698

版权

办公软件专栏收录该内容

15 篇文章

订阅专栏

本文介绍了如何使用Mermaid库通过`graph`和`flowchart`语法来创建子图，提供了详细的代码示例，帮助读者掌握在图表中添加子图的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

graph

mermaid可以使用graph绘制子图，代码如下：

graph TB
    subgraph one
        a1 --> a2
    end

    subgraph two
        b2 --> b2
    end

    subgraph three
        c1 --> c2
    end

    c1 --> a2

另一种语法如下：

graph LR
    subgraph Understand
        D[Transform]
        E[Visualise]
        F[Model]
    end

    A --> D
    D --> E
    F --> D
    E --> F
    F --> AA

flowchart

mermaid也可以使用flowchart绘制子图：

flowchart TB
    c1 --> a2

    subgraph one
        a1 --> a2
    end

    subgraph two
        b1 --> b2
    end

    subgraph three
        c1 --> c2
    end

    one --> two
    three --> two
    two --> c2