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
相关产品推荐
相关产品推荐

