iT邦幫忙

2022 iThome 鐵人賽

DAY 25
0

前言

參考 【Day 24】的資料,今天要畫每一種作物的實際交易量總和。

開始畫圖

  • 上傳資料
  • 選擇 Weighted top 10 bar chart,修改參數
Plot.plot({
  marks: [
    Plot.barX(produce1, Plot.groupY({x: "sum"}, {x: "交易量", y: "作物名稱", sort: {y: "x", reverse: true, limit: 10}})),
    Plot.ruleX([0])
  ]
})
  • 原始圖
  • 美化圖
Plot.plot({
  marginLeft: 100,
  width: 600,
  height: 400,
  x: {
    label: "作物交易量",
    domain: [0, 100000]
  },
  y: {
    label: null
  },
  marks: [
    Plot.barX(produce1, Plot.groupY({x: "sum"}, {x: "交易量", y: "作物名稱", sort: {y: "x", reverse: true, limit: 10}, fill: "作物名稱"})),
    Plot.ruleX([0])
  ]
})

結論

Weighted bar chart 會加總同一種作物在不同市場的實際交易量


上一篇
【Day 24】根據“次數”對類別分組和排序的直條圖
下一篇
【Day 26】使用 “D3” 畫雙座標軸折線圖
系列文
適用於傳產從業人員的實用報表製圖術30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言