Javascript d3js柱形图，单击更改柱数

我有一个柱状图，显示了一段时间内的燃料使用情况

初始视图按年份显示（最多10列）

单击一年的列时，视图应切换到每月视图（12列）。 单击一个月的列时，视图应切换到每日视图（28-31列）

我可以让图表更新列数，并重新绘制数据

当我试图使列收缩到0，切换数据，然后增长到新值时，就会出现问题

我可以让收缩开始工作，但是转换到新数据有点困难。我觉得“成长”应该是一个回电，但我一辈子都想不出来

代码和示例数据：

---

（我目前没有要演示的实时版本…抱歉）

当您有顺序转换时，每个转换都应该有一个延迟，即之前的转换持续时间总和。你做到了吗？

---

（对不起，我无法访问链接）

当您有顺序转换时，每个转换都应该有一个延迟，即之前的转换持续时间之和。你做到了吗？ （抱歉-我无法访问该链接）