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

Question

我有类似的东西：标准化堆积条形图

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

Answer 1

这个问题很老，但它没有我想要的答案。Lars Kotthoff 实际上并未规范化数据的示例，因为数据已经以规范化的形式提供。要标准化您的堆栈，请添加.offset('expand')到堆栈初始化。在堆积面积图示例的基础上，堆栈初始化将如下所示：

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

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