你知道嗎？畫圖真的好簡單

1. 複製下方灰框內的文字在編輯頁貼上，在 mermaid 前面打三個撇，最後也打三個撇，流程圖會自動生成
2. 複製貼上，直接把文字代換掉，就是你的圓餅圖。

把流程圖變成自己想要的樣子

• title 代表圓餅圖的名稱
• 每個項目的數值請以百分比寫出來
• 小數點不需要非常準確，但數值總和必須約等於100哦～

mermaid
pie

title 你最常喝什麼酒？

"啤酒" : 52.8
"紅、白葡萄酒" : 24.8
"威士忌" : 8.6
"高粱" :  4.0
"花式調酒": 8.9

• 圖例文字也可以調整，不增加設定就是預設文字大小

  怎麼做呢？在 mermaid 的下一行加上%%{init: { "themeVariables": {"pieLegendTextSize": "10px"}} }%% 並將 10px 改成想要的字型大小即可

你可以點擊 雙欄模式 檢視語法跟效果

畫出來的圖就像這樣：

圓餅圖內的舉例數據，取自政大選研中心 Pollcracy Lab 在 5 月底疫情爆發的三級警戒期間發佈的 網路問卷調查報告

更多數學式跟圖表的世界，可以到 這裡 探索。

tags: tutorials