Flot图表x轴时间问题..啊

Flot charts x-axis time issues... AARGHHH

本文关键字:问题 时间 图表 Flot      更新时间:2023-09-26

我很难将数据显示在以x轴为时间轴的Flot图表中。这是我的JSON文件的缩写副本:

{
  "label": "ServiceReport",
  "data": [[1328983200, 53], [1328986800, 53], [1328990400, 60]]
}

我已经学习了Flot API页面上的教程,以及stackoverflow 上的教程

没有任何运气。

当修改x轴时,这会使图形显示得很好,但x轴是空白的。

xaxis: { mode: "time", minTickSize: [1, "hour"]}

这显示8到8个值(根据数据文件不正确),但没有图形数据:

xaxis: { mode: "time", minTickSize: [1, "hour"],
                min: (new Date("2000/01/01")).getTime(),
                max: (new Date("2000/01/02")).getTime()
            }

基本上,我只想在x轴上显示小时数(实际上任何格式:5:00,5 AM,都无关紧要),并使y轴与服务值相关。每个数据文件中总共有24个时间戳(相当于一天的数据)。

Flot和JavaScript/jQuery专家的任何帮助都将不胜感激!!!

首先显示时间,使用:

 xaxis: { mode: "time",minTickSize: [1, "hour"],timeformat: "%H:%I:%S"}

我在JSON数据方面也遇到了同样的问题,原因是JSON编码文件不正确。你确定你的JSON文件真的是一个JSON文件吗?让我们尝试类似的东西来测试它(例如jquery):

$.getJSON('yourJSONpage.php', 
    function(data) {
        testData=data.pop();
        alert(testData[0]);
});

最后一点,你的时间戳不正确,正确的时间戳是"13289832000",而不是"13289823200",如果你使用PHP生成JSON数据,请确保对日期做这样的操作:

$hour=mktime($h+1,$i,$s,$m,$d,$y)*1000;