【问题标题】:D3.js stacked bar chart with multiple levels?D3.js 多层堆叠条形图?
【发布时间】:2013-11-20 11:23:39
【问题描述】:

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

类似于让浮动的 div 滑到下面。但是我知道 svg 没有浮动的概念,所以根据 svg 的宽度来做一些更严格的东西。

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

【问题讨论】:

  • 你能简单地有几个堆叠的条形图吗?
  • 我是这么想的,但我会失去图表作为 enter()、exit()、transitions 等“一个”的好处吗?
  • 不一定。取决于你想用这些多张图表展示什么。
  • 有趣的是,数据作为一个整体是非常相关的,它们是作为层次结构的一部分的兄弟。因此,如果要发生动画,我希望它不仅影响一个级别,而且影响所有级别。
  • 在我看来,多个堆叠条形图将是您尝试做的合适的解决方案。

标签: d3.js stacked-chart


【解决方案1】:

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

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

它表明它可以是单独的图表,即单独的 svg 元素。但是它们仍然是一口气画出来的,d3.js 将其视为一张大图。

然后我可以使用普通的 css 来布置它,例如显示:内联块。

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-07-08
    • 1970-01-01
    • 1970-01-01
    • 2018-02-03
    • 1970-01-01
    相关资源
    最近更新 更多