javascript - D3 版本 4 中的堆栈布局

标签 javascript d3.js charts bar-chart stacked-chart

我正在尝试转换 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);时,这样的魔法不会发生。所以随后,y0undefined .

此处缺少添加 y0值(value)观?如果条形图不是堆叠在顶部而是堆叠在彼此前面,则堆叠条形图是不好的...

最佳答案

v4 堆栈创建对应于 y0、y1 的值数组

d[0] = y0 d[1] = y1

然后输入数据位于 d.values 中。

https://github.com/d3/d3-shape/blob/master/README.md#stack

关于javascript - D3 版本 4 中的堆栈布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46518447/

相关文章:

c# - 在 Javascript 中访问 C# 函数

javascript - 如何将 2 个谷歌图表放在一页上

jquery - 未捕获错误 : Invalid dimensions for plot, 宽度 = null,高度 = null

javascript - 如何在 li 元素中的 ng-if 中发送作用域变量?

javascript - 如何使用 D3.js 将两个按钮添加到一个 div?

javascript - 更改后 react redux 表单更新原始

javascript - 是什么导致一个 D3.js 图表与同一页面上的另一个图表发生冲突?

c# - 在 C# 中格式化主图表的轴

javascript - 如何降低正则表达式的复杂性?

javascript - 是否可以将请求 header 添加到 iframe src 请求?