You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Mermaid流程图优化请求:调整箭头路径与子图对齐方式

修改后的Mermaid流程图代码
flowchart TD
    A(Process start) --> B(Acquire target lock)
    B --> C{Create race condition}

    subgraph Left[Parent]
        align="top"
        D(Wait)
        E(SELECT)
        F(FALSE)
        G(INSERT)
        D --> E --> |delay| F --> G
    end

    subgraph Right[Child]
        align="top"
        M(Run to acquire target lock)
        N(SELECT)
        O(FALSE)
        P(INSERT)
        M --> N --> |delay| O --> P
    end

    % 水平向左再垂直向下连接C到D
    C -- left --> | | -- down --> D
    % 水平向右再垂直向下连接C到M
    C -- right --> | | -- down --> M

    M -->|signal ready| D

改动说明

  • 箭头路径调整:用-- left --> | | -- down -->和-- right --> | | -- down -->语法,让箭头从C节点分别向左、向右水平延伸后,再垂直向下连接到D和M,实现“水平出发再90度向下转弯”的效果。
  • 子图对齐:在两个子图内添加align="top"属性,强制子图以顶部对齐,确保Parent和Child子图垂直起始位置一致。

内容的提问来源于stack exchange,提问作者chx

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.01 13:17:27