javascript - 将美人鱼状态图布局更改为水平

标签 javascript charts mermaid

我需要使用 Mermaid 的 stateDiagram-v2,但它从上到下渲染,我需要它从左到右渲染。有办法实现吗?

示例图:

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

最佳答案

我可以添加direction指令

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

关于javascript - 将美人鱼状态图布局更改为水平,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/74608601/

相关文章:

javascript - 使用透明系列时 Highcharts 栏缩放问题

r - 美人鱼中的线连接(而不是箭头)

node.js - 如何使用 NodeJS 创建图表?

javascript - Kotlin JS 和 GWT 互操作

javascript - 滚动到 UIWebView 上的文本

javascript - onclick 函数 SyntaxError : expected expression, 脚本结束

PHP数组到谷歌图表系列数组

gantt-chart - 将甘特任务设置为美人鱼截止日期之前的相对日期

javascript - 如何动态渲染美人鱼流程图?

javascript - jQuery 未将属性插入链接