阳光肺科

 找回密码
 立即注册

微信扫码登录

搜索

[编辑源码] Markdown图表:流程图基本语法

  [复制链接]
阳光网络 发表于 2024-2-5 08:47:56 | 显示全部楼层 |阅读模式

马上注册,阅读更多内容,享用更多功能!

您需要 登录 才可以下载或查看,没有账号?立即注册

×
基本语法:
  • graph 指定流程图方向:graph LR 横向,graph TD 纵向


关键字graph表示一个流程图的开始,同时需要指定该图的方向。如果内容包含特殊字符,可使用"字符",或参考markdown转义。
方向
代码
方向
TB
从上到下
TD
从上到下
BT
从下到上
RL
从右到左
LR
从左到右
T = TOP,B = BOTTOM,L = LEFT,R = RIGHT,D = DOWN

  • 元素的形状定义:

    • id[描述] 以直角矩形绘制
    • id(描述) 以圆角矩形绘制
    • id{描述} 以菱形绘制
    • id>描述] 以不对称矩形绘制
    • id((描述)) 以圆形绘制
  • 线条定义:

    • A-->B 带箭头指向
    • A---B 不带箭头连接
    • A-.-B 虚线连接
    • A-.->B 虚线指向
    • A==>B 加粗箭头指向
    • A--描述---B 不带箭头指向并在线段中间添加描述
    • A--描述-->B 带描述的箭头指向
    • A-.描述.->B 带描述的虚线连指向
    • A==描述==>B 带描述的加粗箭头指向
  • 子流程图定义

    • subgraph title
    •   graph direction
    • end


代码
形状
变量
默认形状
变量[内容]
矩形
变量(内容)
圆矩形
变量((内容))
圆形
变量
非对称形
变量
菱形

graph LR   A   B[ b ]   C(c)   D((d))   E>e]   F{f}


graph LR
  A
  B[ b ]
  C(c)
  D((d))
  E>e]
  F{f}

微信扫二维码转发分享

 楼主| 阳光网络 发表于 2024-12-9 23:18:57 | 显示全部楼层

从左到右

graph LR     start[开始] --> input[输入A,B,C]     input --> conditionA{A是否大于B}     conditionA -- YES --> conditionC{A是否大于C}     conditionA -- NO --> conditionB{B是否大于C}     conditionC -- YES --> printA[输出A]     conditionC -- NO --> printC[输出C]     conditionB -- YES --> printB[输出B]     conditionB -- NO --> printC[输出C]     printA --> stop[结束]     printC --> stop     printB --> stop



graph LR
    start[开始] --> input[输入A,B,C]
    input --> conditionA{A是否大于B}
    conditionA -- YES --> conditionC{A是否大于C}
    conditionA -- NO --> conditionB{B是否大于C}
    conditionC -- YES --> printA[输出A]
    conditionC -- NO --> printC[输出C]
    conditionB -- YES --> printB[输出B]
    conditionB -- NO --> printC[输出C]
    printA --> stop[结束]
    printC --> stop
    printB --> stop




graph LR     A(开始) -->B(起床)     B --天气不好--- C     C ==> D{休息时间到了}     D -.yes.-> E((休息))     D -.no.-> C     E --> F(吃饭)



代码:
  ```mermaid
  graph LR
      A(开始) -->B(起床)
      C ==> D{休息时间到了}
      D -.yes.-> E((休息))
      D -.no.-> C
      E --> F(吃饭)






 楼主| 阳光网络 发表于 2024-12-9 23:19:24 | 显示全部楼层

从上到下

graph TD;   A-->B;   B-->C;   B-->D;   D-->G;


mermaid
graph TD;
  A-->B;
  B-->C;
  B-->D;
  D-->G;
/mermaid


graph TD;   A(这是流程图开始第一张)-->B(已开始了);   B-->C(进入三级项目);   B-->D(我也进入了三级项目);


mermaid
graph TD;
  A(这是流程图开始第一张)-->B(已开始了);
  B-->C(进入三级项目);
  B-->D(我也进入了三级项目);
/mermaid


graph TB     start[开始] --> input[输入A,B,C]     input --> conditionA{A是否大于B}     conditionA -- YES --> conditionC{A是否大于C}     conditionA -- NO --> conditionB{B是否大于C}     conditionC -- YES --> printA[输出A]     conditionC -- NO --> printC[输出C]     conditionB -- YES --> printB[输出B]     conditionB -- NO --> printC[输出C]     printA --> stop[结束]     printC --> stop     printB --> stop


graph TB
    start[开始] --> input[输入A,B,C]
    input --> conditionA{A是否大于B}
    conditionA -- YES --> conditionC{A是否大于C}
    conditionA -- NO --> conditionB{B是否大于C}
    conditionC -- YES --> printA[输出A]
    conditionC -- NO --> printC[输出C]
    conditionB -- YES --> printB[输出B]
    conditionB -- NO --> printC[输出C]
    printA --> stop[结束]
    printC --> stop
    printB --> stop




graph TD;   A-->B;   B-->C;   B-->D;   D-->G;

graph TD;
  A-->B;
  B-->C;
  B-->D;
  D-->G;

graph TD;   A-->B;   B-->C;   B-->D;


graph TD;
  A-->B;
  B-->C;
  B-->D;


graph TB     A[把大象放进去] --> B{"冰箱小不小?"}     B -->|不小| C[把冰箱门关上]     B -->|小| D[换个大冰箱]

graph TB
    A[把大象放进去] --> B{"冰箱小不小?"}
    B -->|不小| C[把冰箱门关上]
    B -->|小| D[换个大冰箱]


graph TB     Start(开始) --> Open[打开冰箱门]     Open --> Put[把大象放进去]     Put[把大象放进去] --> IsFit{"冰箱小不小?"}     IsFit -->|不小| Close[把冰箱门关上]     Close --> End(结束)     IsFit -->|小| Change[换个大冰箱]     Change --> Open

graph TB
    Start(开始) --> Open[打开冰箱门]
    Open --> Put[把大象放进去]
    Put[把大象放进去] --> IsFit{"冰箱小不小?"}

    IsFit -->|不小| Close[把冰箱门关上]
    Close --> End(结束)

    IsFit -->|小| Change[换个大冰箱]
    Change --> Open



graph TD     A[Enter Chart Definition] --> B(Preview)     B --> C{decide}     C --> D[Keep]     C --> E[Edit Definition]     E --> B     D --> F[Save Image and Code]     F --> B

graph TD
    A[Enter Chart Definition] --> B(Preview)
    B --> C{decide}
    C --> D[Keep]
    C --> E[Edit Definition]
    E --> B
    D --> F[Save Image and Code]
    F --> B

阳光肺科 发表于 2024-12-11 16:36:27 | 显示全部楼层
graph TB     执行1[i = 1]   执行2[j = 0]   执行3[i ++]   执行4["a = arr[j], b = arr[j + 1]"]   执行5[交换 a, b]   执行6[j ++]     判断1["i < n"]     判断2["j < n - i"]   判断3["a > b"]   开始 --> 执行1   执行1 --> 判断1   判断1 --Y--> 执行2   执行2 --> 判断2   判断2 --Y--> 执行4   判断2 --N--> 执行3   执行3 --> 判断1   执行4 --> 判断3   判断3 --N--> 判断2   判断3 --Y--> 执行5   执行5 --> 执行6   执行6 --> 判断2   判断1 --N--> 结束


您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

给我们建议|手机版|阳光肺科 ( 粤ICP备2020077405号-1 )

GMT+8, 2025-4-18 16:50

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

快速回复 返回顶部 返回列表