jquery - 月度图：在 Flot 时间模式下，barWidth 不正确

Question

我有一个包含一些数据的月度图表。数据以条形图显示（1 个月/条形图）。

我正在尝试根据月份设置 barWidth。

barWidth 是按月计算的：

• 一月 ：60 * 60 * 24 * 31 * 1000
• 二月：60 * 60 * 24 * 28 * 1000

• 行进 ：60 * 60 * 24 * 31 * 1000

  ETC...

但不幸的是结果并不像预期的那样......

我在一月和二月之间有空间，三月开始得太早了，他的酒吧在二月的酒吧。

这是一些您可以使用的代码：http: //jsfiddle.net/jSQ2Y/2/

你知道如何为每个月显示一个正确的栏吗？

提前谢谢了

Answer 1

您可以向 xaxis 添加样式并删除对齐。我还指定了刻度数组和月份名称格式。

#placeholder .tickLabel {margin-left: 15%;}

var plot = $.plot($("#placeholder"), [ m1, m2, m3], {
xaxis : {
    mode          : "time",

    ticks: [1356998400000, 1359676800000, 1362096000000 ],
    timeformat: "%b"

},
series : {
    bars: {
        show: true,


        fillColor : { colors : ["#32b9ff", "#2b78a0"] }
    }
}
});

链接到小提琴 - http://jsfiddle.net/jSQ2Y/3/