如何在x轴上固定数量,以便显示未来的时间?

时间:2013-03-15 15:30:20

标签: javascript jquery time flot

我已经从我的XML文件中完美地处理了数据,没有问题,但是如果只有一小时的可用数据,它会在整个x轴上延伸,如下所示:

                                                        15:00

我希望在x轴上看到一个固定的数量,所以不管只显示15:00它还显示未来的时间,无论数据是否可用。例如:

15:00     16:00     17:00     18:00     19:00     20:00     21:00

我目前的配置如下,但不确定如何实现上述目标:

{   
    grid: {
        hoverable: false,
        clickable: false,
        borderWidth: 1
    },
    xaxis: {
        mode: "time",
        minTickSize: [1, "hour"],
        timeFormat: "%H:%M"
    },
    yaxis: {
        min: 20,
        max: 45
    },
    legend: {
        show: true,
        position: 'ne'
    },
    valueLabels: {
        show:true,
        showAsHtml: true
    }
}

1 个答案:

答案 0 :(得分:1)

我在json数据创建方面处理这种情况。不确定是否有一个flot选项来做类似的事情。通过使用null作为我期望的所有时间戳的数据值。如果您有第一个小时的时间,您可以将它增加60 * 60 * 1000例如

"data": [
  [
    1362139200000,
    1.56
  ],
  [
    1362142800000,
    null
  ],
  [
    1362146400000,
    null
  ],
  [
    1362150000000,
    null
  ],
  [
    1362153600000,
    null
  ],
  [
    1362157200000,
    null
  ],
  etc.