---
title: 你知道嗎？畫圖好簡單 - 圓餅圖
image: https://hackmd.io/_uploads/ry8ZzzC9d.png
---

# 你知道嗎？畫圖真的好簡單
1. 複製下方灰框內的文字在編輯頁貼上，在 mermaid 前面打三個撇，最後也打三個撇，流程圖會自動生成
2. 複製貼上，直接把文字代換掉，就是你的圓餅圖。
### 把流程圖變成自己想要的樣子
- `title` 代表圓餅圖的名稱
- 每個項目的數值請以百分比寫出來
- 小數點不需要非常準確，但數值總和必須約等於100哦～

mermaid
pie

title 你最常喝什麼酒？

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

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

怎麼做呢？在 mermaid 的下一行加上`%%{init: { "themeVariables": {"pieLegendTextSize": "10px"}} }%%` 並將 `10px` 改成想要的字型大小即可
### 你可以點擊 [雙欄模式](https://hackmd.io/wB3QN8dSRiy7QhmIQ4N2Dw) 檢視語法跟效果

## 畫出來的圖就像這樣：

:::success
圓餅圖內的舉例數據，取自政大選研中心 [Pollcracy Lab](https://www.facebook.com/PollcracyLab) 在 5 月底疫情爆發的三級警戒期間發佈的 [網路問卷調查報告](https://drive.google.com/file/d/1y4M4R_Fq29BCDyuf0VF7_9Bq8g3On-6s/view?fbclid=IwAR2YvTySgA9QT4-XurWbixZX67djW0EOFlV2F3bB1lJylSPoUXOlQttVKBw)
:::

%%{init: { "themeVariables": {"pieLegendTextSize": "10px"}} }%%

pie

title 你最常喝什麼酒？

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

### :point_right: 更多數學式跟圖表的世界，可以到 [這裡](https://hackmd.io/s/MathJax-and-UML-tw) 探索。

###### tags: `tutorials`