Question

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

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

每个月计算barWidth：

1月：60 * 60 * 24 * 31 * 1000
二月：60 * 60 * 24 * 28 * 1000
三月：60 * 60 * 24 * 31 * 1000

等...

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

我在1月到2月之间有空间，3月开始太早了，他的酒吧在2月的酒吧。

以下是您可以使用的一些代码：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/

每月图表：当Flot中的时间模式时，barWidth不正确

1 个答案: