基礎圓環圖
環圖,其本質是餅圖將中間區域挖空。
餅圖的整體性太強,我們會將注意力集中在比較餅圖內各個扇形之間佔整體比重的關係。但如果我們將兩個餅圖放在一起,餅圖很難同時對比兩個圖。環圖在解決上述問題時,採用了讓我們更關注長度而不是面積的做法。這樣我們就能相對簡單的對比不同的環圖。同時環圖相對於餅圖空間的利用率更高,比如我們可以使用它的空心區域顯示文本信息,比如標題等。
預覽圖
設定值
-
資料源
[{
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
列表 | 設定值 |
類型 | 圓餅圖 |
空心圓半徑 | 0.5 |
半徑 | 0.9 |