javascript - d3js 柱形图,点击更改列数

标签 javascript charts d3.js transition demo

我有一个显示随时间变化的燃料使用情况的柱形图。

初始 View 是按年份汇总的(最多 10 列)。

单击年份的列时, View 应切换为月 View (12 列)。 单击一个月的列后, View 应切换到每日 View (28-31 列)。

我可以让图表更新列数,并重绘数据。

当我试图让列缩小到 0、切换数据,然后增长到它们的新值时,我的问题就来了。

我可以让收缩工作,但是向新数据的过渡有点偏离。我觉得“增长”应该在回调中,但我终究无法弄明白。

代码和示例数据:https://gist.github.com/3240275

(我目前没有可演示的实时版本...抱歉)

最佳答案

当你有顺序转换时,每个转换都应该有一个延迟,其延迟是之前转换持续时间的总和。你这样做了吗? (抱歉 - 我无法访问该链接)

关于javascript - d3js 柱形图,点击更改列数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11785437/

相关文章:

javascript - $(window).resize 是做什么的?移动版

asp.net - Sourceforge 如何启动基于 javascript 的下载?

javascript - HTML 在单击时显示图形,但在 flask 中访问时不显示图形

Javascript window.onload 函数未使用 Chart.js 加载多个图表

javascript - 如何在 d3js 中沿 x 轴制作可滚动轴/平移

javascript - 当必须在不触发任何事件的情况下发生时,究竟应该在哪里进行数组操作

java - 从java webapp中的数据生成图表

javascript - 使用 Google Image Charts 绘制方形图标

javascript - 如何使用mpld3的LinkedBrush插件选择 "dump"点?

javascript - D3 条形图中的过渡不起作用