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

2024-05-04

我有一个可用的线性条形图D3.js http://d3js.org,它也有基于时间的 x 轴。条形图绑定到计数属性,而轴绑定到日期属性。轴上的刻度未与条形对齐。知道如何将它们两者排列起来吗?

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


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

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

您可以通过将 xTimeDomain 的开始时间提前一个月来解决此问题:

xTimeDomain[0] = new Date(new Date(xTimeDomain[0]).setMonth(xTimeDomain[0].getMonth()-1));
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

需要帮助在 D3.js 条形图中将 x 轴刻度与条形对齐 的相关文章

随机推荐