1 mermaid 纵向图 横向图
```mermaid
graph TB(从上到下)纵向图 Top Bottom
#graph BT(从下到上)纵向图
#graph LR(从左到右)横向图 Left Right
#graph RL(从右到左)横向图
subgraph A #分模块 当subgraph多时 CSDN可能不显示 下面图将subgraph删除
A[工业用地效率]-->B1(土地利用强度)#[]是直角矩形 ()是圆角矩形
end
subgraph B
A---B2{土地经济效益}#{}是菱形 ---无箭头实线
end
B1-.-C1(容积率)#无箭头虚线
B1-.->C2(建筑<br/>系数)#<br/>是文本换行
B1--价格-->C3((亩均固定资本投入))#圆形 --价格--> 带文字箭头实线
B2-.价格.->D1>亩均工业产值]#-.价格.-> 带文字箭头虚线
B2--价格---D2(亩均税收)#--价格--- 带文字无箭头实线
B2-.价格.-D3(土地)#-.价格.- 带文字无箭头虚线
字母表示 | 含义 |
---|
TB | 从上到下 |
BT | 从下到上 |
LR | 从左到右 |
RL | 从右到左 |
表述 | 说明 | 含义 |
---|
id[文字] | 矩形节点 | 表示过程 |
id(文字) | 圆角矩形节点 | 表示开始与结束 |
id((文字)) | 圆形节点 | 表示连接。为避免流程过长或有交叉,可将流程切开成对 |
id{文字} | 菱形节点 | 表示判断、决策 |
id>文字 ] | 右向旗帜节点 | |
表述 | |
---|
— | 无箭头实线 |
-.- | 无箭头虚线 |
–> | 有箭头实线 |
-.-> | 有箭头虚线 |
–文字— | 无箭头实线(带文字) |
-.文字.- | 无箭头虚线(带文字) |
–文字–> | 有箭头实线(带文字) |
-.文字.-> | 有箭头虚线(带文字) |
2 流程图
```mermaid
flowchat
start=>start: API请求 #start 流程开始 圆角矩形 :后面必须有个空格 否则无法显示
input => inputoutput: 输入 #inputouput输入输出 平行四边形
cache=>operation: 读取Redis缓存 #operation操作 直角矩形
cached=>condition: 是否有缓存?#condition判断 菱形
sendMq=>operation: 发送MQ,后台服务更新缓存
info=>operation: 读取信息
setCache=>operation: 保存缓存
output => inputoutput: 输出
end=>end: 返回信息 #end结束 圆角矩形
start->input->cache->cached
cached(yes)->sendMq
cached(no)->info
info->setCache
setCache->ouput->end
sendMq->ouput->end
```
符号 | 表述 |
---|
=>start | 开始 圆角矩形 |
=>inputouput | 输入输出 平行四边形 |
=>operation | 操作 矩形 |
=>condition | 情况 菱形 |
=>end | 结束 圆角矩形 |
-> | 下一步分支 |
(yes)-> (no)-> | 判断分支 |