我有一个包含一些数据的月度图表。数据以条形显示(1 个月/条形)。
我正在尝试根据月份设置 barWidth。
barWidth 是按月计算的:
- 一月:
60 * 60 * 24 * 31 * 1000
- 二月:
60 * 60 * 24 * 28 * 1000
三月:
60 * 60 * 24 * 31 * 1000
等等...
但不幸的是结果并不如预期......
我在一月和二月之间有空间,三月开始得太早,而他的酒吧在二月的酒吧上。
以下是一些您可以使用的代码:http://jsfiddle.net/jSQ2Y/2/
您知道如何显示每个月的正确栏吗?
提前非常感谢
最佳答案
您可以向 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"] }
}
}
});
链接到 fiddle -http://jsfiddle.net/jSQ2Y/3/
关于jquery - 月图: barWidth not correct when time mode in Flot,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15410033/