【问题标题】:Stack layout in D3 version 4D3 版本 4 中的堆栈布局
【发布时间】:2017-10-02 01:25:29
【问题描述】:

我正在尝试将 https://codepen.io/goodforenergy/pen/PNPxxv?editors=0010 中的 D3v3 堆叠条转换为 D3v4,但我无法让对 stack() 的调用正常工作。

在上面的示例中,对d3.layout.stack()(dataset) 的调用将y0 属性添加到数据集的对象:

dataset通话前:{y=3, x="Test"}

dataset通话后:{y=3, x="Test", y0=0}

但是在 D3v4 中,当调用 d3.stack()(dataset); 时,不会发生这种魔法。所以随后,y0undefined

这里缺少什么来添加y0 值?如果条不是堆叠在顶部而是在彼此的前面,则堆叠条是不好的......

【问题讨论】:

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


    【解决方案1】:

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

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

    然后输入数据在d.values中。

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

    【讨论】:

      猜你喜欢
      • 2020-11-26
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-12-05
      • 2016-06-23
      • 1970-01-01
      • 2017-03-20
      • 1970-01-01
      相关资源
      最近更新 更多