javascript - 需要帮助将 x 轴刻度与 D3.js 条形图中的条形对齐

Question

我有一个使用 D3.js 的工作线性条形图，它也有基于时间的 x 轴。条形图绑定(bind)到计数属性，而轴绑定(bind)到日期属性。轴上的刻度没有与条对齐。知道如何将它们排成一行吗？

这是 jsFiddle:http://jsfiddle.net/MmEjF/

Answer 1

发生这种情况是因为图表有 14 个柱状图，但有 15 个刻度线。

第一个刻度线应该是数据集开始前的月份。

您可以通过将 xTimeDomain 的启动提前一个月来解决此问题:

xTimeDomain[0] = new Date(new Date(xTimeDomain[0]).setMonth(xTimeDomain[0].getMonth()-1));