d3.js - d3 - 堆积条形图，条形不显示

Question

我在这里有一个 stackbiltz - https://stackblitz.com/edit/d3-at-stacked-bar-chart-2vngrr?file=index.js

抱歉，这含糊不清，我不知道为什么这个图表不起作用。

console.log 似乎对数据做了正确的事情，但我显然遗漏了一些东西。

标签： d3.js

Answer 1

绑定到的数据layers应该是计算出来的stackedSeries ，而不是原始数据。这就是缺少的。

var layersBar = chart.selectAll('.layer')
.data(stackedSeries)

分叉：https ://stackblitz.com/edit/d3-at-stacked-bar-chart-qnfgwg?file=index.js