javascript - float 条形图月份对齐问题

Question

我正在尝试使用 Flot 库绘制月度条形图。 x 轴与月中心的对齐完全错误。我创建了一个 jsfiddle显示问题。

给予时直观

bars: {
    show: true,
    fillColor: '#4682b4',
    barWidth: 15 * 24 * 60 * 60 * 1000,
    align: 'center'
},

我想条形图应该与中心的刻度线对齐，但不是!我期待的结果如下:

非常感谢!

Answer 1

不是只显示月份，而是在时间格式中包含 %d，您将看到发生了什么。 Flot 通过从轴 min 中减去条形宽度的一半来为居中条形腾出空间。因此条形图居中，但 x 轴刻度不是您所期望的。

我正在调查我们能做些什么；同时，您可以设置一个明确的最小值(这将切断第一个条形图或在其左侧添加不需要的空白区域)，或者明确提供一个刻度数组。

您可能还想尝试 0.7 而不是 master，因为它可能不会出现此问题。

我会在检查完代码后更新此答案。