基礎圓環圖

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

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

預覽圖


基礎圓環圖.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
柱狀圖( interval )
列表 設定值
欄位

count

類型 柱狀圖
顏色欄位

item

調整欄位 堆疊 | stack
樣式 - 顏色 #ffffff
樣式 - 寬度 2
列表 設定值
啟用 開啟
欄位 count
位置
排版 水平
垂直偏移量 -40
列表 設定值
類型 圓餅圖
空心圓半徑 0.5
半徑 0.9

Revision #4
Created 16 December 2019 18:41:48 by 鄭宇凱
Updated 19 December 2019 18:45:33 by 鄭宇凱