javascript - 浮动条形图月份对齐问题

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，因为它可能不会出现此问题。

当我检查完代码后，我会更新这个答案。

Answer 2

我有一个类似的问题。请参阅“新”栏。它在 10 月流离失所。

一个解决方案是在 2013-10-01 + (3600 *1000) (3600 sec * 1000 毫秒) 的时间戳上添加 1 小时，然后时间轴在月初的正确位置开始。