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

如何将Mermaid stateDiagram-v2布局改为水平方向?

如何将Mermaid stateDiagram-v2改为水平渲染

要让stateDiagram-v2从左到右水平渲染,只需在图定义的开头添加direction LR指令(LR是Left to Right的缩写),修改后的代码示例如下:

stateDiagram-v2
    direction LR
    [*] --> NEW
    NEW --> PENDING
    PENDING --> PROCESSING
    PROCESSING --> COMPLETED
    COMPLETED --> [*]

Mermaid还支持其他方向控制选项:

  • RL:从右到左渲染
  • TB:默认的从上到下渲染
  • BT:从下到上渲染

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.10 03:55:22