D3.js叠加多层次的条形图?

时间:2013-11-20 11:23:40

标签: d3.js stacked-chart

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

类似于漂浮的div滑落到下面。但我明白svg没有浮动的概念,所以基于svg宽度更加严格。

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

Stacked bar chat with one line of stacked bar charts, followed by another line underneath

1 个答案:

答案 0 :(得分:0)

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

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

它表明它可以是单独的图,即单独的svg元素。然而,他们仍然可以一次性使用d3.js将其视为一个大图。

然后我可以使用普通的css进行布局,例如显示:内联块

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