markdown 流程图语法

markdown 流程图语法

1.声明格式

```mermaid
graph LR
…
```

2.声明图形方向（TB上到下，LR左到右）

graph LR

3. 声明图标

source(dataGenerator)
mysql[mysqlDB]
kafka[kafka]
phoenix((phoenix))
flinkDataSync[flinkDataSync]
dataServer>dataServer]

3.1 矩形 name[label]

图形	符号
矩形	name[label]
内凹五边形	name>label]
圆角矩形	name(label)
圆形	name((label))
菱形	name{label}
六边形	name{{label}}
梯形	name[\label/], name[/label]
平行四边形	name[\label], name[/label/]

4. 描述逻辑

source --> mysql --> kafka --> flinkDataSync --> phoenix ==> dataServer
有连接的地方可以单独起一行
flinkDataSync ==> clikhouse((clikhouse)) --> dataServer
kafka --> flinkAnalyse[flinkAnalyse] --> kafka

---

5. e.g

```mermaid
graph LR
source(dataGenerator)
mysql[mysqlDB]
kafka[kafka]
phoenix((phoenix))
flinkDataSync[flinkDataSync]
dataServer>dataServer]

source --> mysql --flinkCDC.-> kafka --> flinkDataSync --> phoenix ==> dataServer
flinkDataSync ==> clikhouse((clikhouse)) --> dataServer
kafka --> flinkAnalyse[flinkAnalyse] --> kafka
```

flinkCDC

dataGenerator

mysqlDB

kafka

phoenix

flinkDataSync

dataServer

hbase

clikhouse

flinkAnalyse

BIChart