d3.js - 如何使用 d3.js 和交叉过滤数据创建直方图？

Question

这是我的演示（永久链接；可能需要一秒钟才能加载）。

我有一些问题：

crossfilter 键不反映上边界。因此，x 轴缺少一步。

我设法通过获取一个组步长 ( group.all()[1] - group.all()[0]) 然后将其添加到d3.extent(group.all())[1]. 因为这是一个肮脏的修复，所以我没有将它包含在演示中（可能存在数据差距）。获得组步长/修复 x 轴的不那么脏的方法是什么？
钢筋之间有不均匀的间隙。我不知道如何解决 x.scale 与不同数据集的不一致问题。

我希望条形宽度自动适应可用的图形宽度。因此，我计算最佳条形宽度，然后（如果需要）调整图形本身的大小：
```
bar_width = math.round(graph_width/data_length);
graph_width = bar_width*data_length;
```
在这种情况下，x.scale任何键值都无法返回不均匀的数据，但确实可以。没有魔法；我只是忽略了一些东西。但它是什么？

x.scale 什么时候弄乱了，然后bar_width从graph_width设置x.scale范围之前减去可以解决问题。虽然，我无法弄清楚检测 x.scale 何时不按预期运行的条件。