2013-03-15 91 views
1

我花了几个小时查看StackOverflow,发现了一个类似的问题,但找不到满足我所需要的一个问题。使用flot和jquery在x轴上固定小时数

我的代码从我的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

我处理的JSON数据创建侧这种类型的情况。不知道是否有flot选项来做类似的事情。通过使用null作为我期望的所有时间戳的数据值。如果你有第一个小时,你可以增加60 * 60 * 1000 E.g.

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

]

+0

阿好主意 - 一旦我我的工作电脑上再次获得周一我给它一个去,让你知道,如果它的作品! :) – Dangeruss 2013-03-17 12:46:04

+0

完美作品:)非常感谢您的指导! – Dangeruss 2013-03-20 20:19:58