d3.js - D3.js 多层堆叠条形图？

Question

关于如何制作具有多个级别的堆叠条形图的任何提示？

类似于在下面滑动的浮动 div。但我知道 svg 没有浮动的概念，所以基于 svg 宽度的东西更严格。

我刚刚完成了“交互式数据可视化”一书，这很棒，但我认为我正在讨论一个高级主题，到目前为止我在 d3 文档中没有运气。

Answer 1

我想我可能会想出解决方案，或者至少是方向。

这个例子：http ://bl.ocks.org/mbostock/3888852它是饼图但原理是一样的。

它表明它可以是单独的图表，即单独的 svg 元素。然而，它们仍然被 d3.js 一次性绘制出来，将其视为一张大图。

然后我可以使用普通的 css 来布置它，例如 display:inline-block。

感谢 Lars 指出多个图表可以做到这一点。