我正在尝试转换 https://codepen.io/goodforenergy/pen/PNPxxv?editors=0010 中的 D3v3 堆叠条形图到 D3v4,但我无法调用 stack()
工作正常。
在上面的示例中,调用 d3.layout.stack()(dataset)
添加 y0
数据集对象的属性:
dataset
before the call:{y=3, x="Test"}
dataset
after the call:{y=3, x="Test", y0=0}
但是在D3v4中,当调用d3.stack()(dataset);
时,这样的魔法不会发生。所以随后,y0
是 undefined
.
此处缺少添加 y0
值(value)观?如果条形图不是堆叠在顶部而是堆叠在彼此前面,则堆叠条形图是不好的...
最佳答案
v4 堆栈创建对应于 y0、y1 的值数组
d[0] = y0 d[1] = y1
然后输入数据位于 d.values 中。
关于javascript - D3 版本 4 中的堆栈布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46518447/