Dify-Mermaid转换器

“ Mermaid 的语法用于创建图表。”

流程图的例子

flowchart LR
   开始-->A;
   A-->B;
   B-->C;
   C-->结束;

flowchart TD
   开始-->A;
   A-->B;
   B-->C;
   C-->结束;

时序图、类图的例子

sequenceDiagram
   actor 客户端
   actor 服务端
   客户端->>服务端: SYN
   服务端-->>客户端: SYN + ACK
   客户端->>服务端: ACK

classDiagram
    class BankAccount
    BankAccount : +String owner
    BankAccount : +Bigdecimal balance
    BankAccount : +deposit(amount)
    BankAccount : +withdrawal(amount)

状态图、实体关系图的例子

stateDiagram
    [*] --> Still
    Still --> [*]

    Still --> Moving
    Moving --> Still
    Moving --> Crash
    Crash --> [*]

erDiagram
    客户 ||--o{ 订单 : places
    订单 ||--|{ 商品 : contains
    客户 }|..|{ 发货地址 : uses

饼图、XY图的例子

pie title 志愿者收养的宠物
    "狗" : 386
    "猫" : 85
    "鼠" : 15

xychart-beta
    title "销售收入"
    x-axis ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"]
    y-axis "收入" 4000 --> 11000
    bar [5000, 6000, 7500, 8200, 9500, 10500, 11000, 10200, 9200, 8500, 7000, 6000]
    line [5000, 6000, 7500, 8200, 9500, 10500, 11000, 10200, 9200, 8500, 7000, 6000]