jquery - 月图: barWidth not correct when time mode in Flot

标签 jquery flot

我有一个包含一些数据的月度图表。数据以条形显示(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/

相关文章:

html - 图表刻度标签

asp.net-mvc - Ajax 请求 MVC4 的时间很长 "Wait"

jquery - 有没有更有效的方法在页面标题中显示未读消息数?

jquery - 在输入字段中插入 Ajax 结果

javascript - 使用 PHP 和 Javascript 的多个提交按钮

javascript - Jquery Flot用DateTime填充两个数据集并做出重叠效果

javascript - Flot:图例仅在 plotpan 事件发生时更新?

javascript - 数值设置在流程图中

javascript - CodeMirror - 是否可以滚动到一行使其位于窗口中间?

javascript - Flot.js 条和线不动