# 基礎圓環圖
環圖，其本質是餅圖將中間區域挖空。
餅圖的整體性太強，我們會將注意力集中在比較餅圖內各個扇形之間佔整體比重的關係。但如果我們將兩個餅圖放在一起，餅圖很難同時對比兩個圖。環圖在解決上述問題時，採用了讓我們更關注長度而不是面積的做法。這樣我們就能相對簡單的對比不同的環圖。同時環圖相對於餅圖空間的利用率更高，比如我們可以使用它的空心區域顯示文本信息，比如標題等。
### 預覽圖
---
[](https://book.gosu.bar/uploads/images/gallery/2019-12/bN9Ydq3cTyQR2zW9-%E5%9F%BA%E7%A4%8E%E5%9C%93%E7%92%B0%E5%9C%96.png)
### 設定值
---
- #### 資料源
```
[{
item: '事例一',
count: 40,
percent: 0.4
}, {
item: '事例二',
count: 21,
percent: 0.21
}, {
item: '事例三',
count: 17,
percent: 0.17
}, {
item: '事例四',
count: 13,
percent: 0.13
}, {
item: '事例五',
count: 9,
percent: 0.09
}]
```
- #### 內距
```
20, 20, 50, 20
```
- #### 圖 Geom
##### 柱狀圖（ interval ）
| 列表 | 設定值 |
| 欄位 | count
|
| 類型 | 柱狀圖 |
| 顏色欄位 | item
|
| 調整欄位 | 堆疊 | stack |
| 樣式 - 顏色 | \#ffffff |
| 樣式 - 寬度 | 2 |
- #### 圖示 Legend
| 列表 | 設定值 |
| 啟用 | 開啟 |
| 欄位 | count |
| 位置 | 下 |
| 排版 | 水平 |
| 垂直偏移量 | -40 |
- #### 極坐標 Coord