d3.js - 使用D3.js layout.stack() 制作规范化堆积条形图

Question

我有类似的东西:Normalized Stacked Bar Chart

是否可以/适本地使用 d3.layout.stack() 功能代替计算每一层的上 Y 和下 Y？我不确定，所以想知道何时以及何时不使用它。

Answer 1

这个问题很旧，但没有我要找的答案。 example Lars Kotthoff 实际上并没有规范化数据，因为数据已经规范化了。 To normalize your stack ，将.offset('expand')添加到栈初始化中。构建堆积面积图示例，堆栈初始化将改为如下:

var stack = d3.layout.stack()
              .offset('expand')
              .values(function(d) { return d.values; });

很简单，但我花了几个小时才意识到它在文档中。由于这是目前 Google 上的最佳结果之一，希望这有助于为将来的人节省一些时间。