Flot条形图月份对齐问题

时间:2013-02-12 16:47:58

标签: javascript flot

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

直接给予

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

我认为酒吧应该与中心的勾号对齐,但不是!我期待的结果如下:

enter image description here

非常感谢!

2 个答案:

答案 0 :(得分:2)

不是仅显示月份,而是以时间格式包含%d,您将看到正在发生的事情。 Flot通过从轴min减去一半条的宽度为中心条形成空间。因此,条形图是居中的,但x轴刻度不是您所期望的。

我在调查我们可以做些什么;在此期间,您可以设置一个明确的最小值(它将切断第一个条形或在其左侧添加不需要的空格),或者明确提供一个刻度数组。

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

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

答案 1 :(得分:0)

我有类似的问题。请参阅“nov”栏。它在10月份被取代。

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