使用D3.js layout.stack（）来生成标准化的堆积条形图

Question

我有类似于：Normalized Stacked Bar Chart

的内容

是否可以/适当而不是计算每层的上Y和下Y来代替使用d3.layout.stack（）功能？我不确定所以想知道何时以及何时不使用它。

Answer 1

这个问题很陈旧，但它没有找到我想要的答案。 Lars Kotthoff example实际上并未对数据进行规范化，因为数据已经按规范化提供。 To normalize your stack，将.offset('expand')添加到堆栈初始化。建立堆积区域图示例，堆栈初始化将改为：

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

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