Skip to main content

基礎圓餅圖

預覽圖

堆疊條形圖.png基礎圓餅圖.png

設定值

  • 資料源

[{
  'State':item: 'WY'事例一',
  '小於5歲':count: 25635,40,
  '5至13歲':percent: 1890,
  '14至17歲': 93140.4
}, {
  'State':item: 'DC'事例二',
  '小於5歲':count: 30352,21,
  '5至13歲':percent: 20439,
  '14至17歲': 102250.21
}, {
  'State':item: 'VT'事例三',
  '小於5歲':count: 38253,17,
  '5至13歲':percent: 42538,
  '14至17歲': 157570.17
}, {
  'State':item: 'ND'事例四',
  '小於5歲':count: 51896,13,
  '5至13歲':percent: 67358,
  '14至17歲': 187940.13
}, {
  'State':item: 'AK'事例五',
  '小於5歲':count: 72083,9,
  '5至13歲':percent: 85640,
  '14至17歲': 221530.09
}]

  • 內距

40,20, 60,20, 80,50, 7020

    前置處理函數 Transform

    字串展開（fold）
    列表 設定值 類型 字串展開 要展開的欄位 小於5歲,5至13歲,14至17歲 保留欄位 State key 年齡段 value 人口數量

    • 圖 Geom

    柱狀圖（ interval ）
    列表 設定值
    欄位

    State*人口數量count
    類型 柱狀圖
    顏色欄位

    年齡段item
    調整欄位 堆疊 | stack
    樣式 - 顏色 #ffffff 樣式 - 寬度 2

    • 圖示 Legend

    列表 設定值
    啟用 開啟
    欄位 年齡段count
    位置 下
    排版 水平
    垂直偏移量 -40

    • 極坐標 Coord

    列表 設定值
    類型 直角坐標系
    轉置 true圓餅圖
    Back to top