Skip to main content

基礎圓環圖

環圖,其本質是餅圖將中間區域挖空。

  餅圖的整體性太強,我們會將注意力集中在比較餅圖內各個扇形之間佔整體比重的關係。但如果我們將兩個餅圖放在一起,餅圖很難同時對比兩個圖。環圖在解決上述問題時,採用了讓我們更關注長度而不是面積的做法。這樣我們就能相對簡單的對比不同的環圖。同時環圖相對於餅圖空間的利用率更高,比如我們可以使用它的空心區域顯示文本信息,比如標題等。

預覽圖


基礎圓環圖.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

列表 設定值
類型 圓餅圖
空心圓半徑 0.5
半徑 0.9