以下語法在網易雲筆記中測試通過。 繪圖的標誌位是三個單引號``` 開始 ``` 結尾 ，註意是英文半形的單引號，以下的字元也是英文半形狀態下的才正確。 搜狗輸入法的要特別註意，記得把shift 切換中英文的快捷鍵改了，否則痛苦死。 以下是MD代碼 ``` graph LRa((A這是圓的))-.-> ...
以下語法在網易雲筆記中測試通過。
繪圖的標誌位是三個單引號``` 開始 ``` 結尾 ，註意是英文半形的單引號，以下的字元也是英文半形狀態下的才正確。
搜狗輸入法的要特別註意，記得把shift 切換中英文的快捷鍵改了，否則痛苦死。
以下是MD代碼
```
graph LR
a((A這是圓的))-.-> b
b{B這是菱形}==>|插入的文本|c
c==>F>這是旗型]
節點-- text --> 節點B
```
graph --關鍵字不解釋
TB -- top to bottom 從上到下
BT -- bottom to top 從下到上
LR -- left to right 從左到右
RL -- right to left 從右到左
節點 -->|連接線上的字| 節點
-.-> 虛線
--- 無箭頭的線
== 粗體的線
>text ] 旗型
[text] 矩形
(text) 圓角矩形
((text)) 圓形
{text} 菱形
如果遇到特殊字元了就要輸入引號來標記
例如
```
graph LR
A["A 領導(冒號) :#quot;"] -->B["A一顆紅心:#9829;"]
```
接下來是子報表 就是多了關鍵詞 subgraph
```
graph TB
subgraph one
a1-->a2
end
subgraph two
b1-->b2
end
subgraph three
c1-->c2
end
c1-->a2
a1==>b2
b1-.->c2
```
點擊節點後的回調事件
<script>
var callback = function(){
alert('回調函數被觸發咯。');
}
<script>
```
graph LR;
A-->B;
click A callback "測試回調函數"
click B "http://www.sci99.com" "點擊會跳轉到網頁"
```
調用CSS樣式
```
graph LR
id1(Start)-->id2(Stop)
style id1 fill:#f9f,stroke:#333,stroke-width:4px;
style id2 fill:#ccf,stroke:#f66,stroke-width:2px,stroke-dasharray: 5, 5;
```
```
graph LR
A[Hard edge] -->|Link text| B(Round edge)
B --> C{Decision}
C -->|One| D[Result one]
C -->|Two| E[Result two]
```
