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

Question

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

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

我已经学习了Flot API页面上的教程，以及this one on 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专家的帮助，我们将不胜感激！

Answer 1

首先，对于显示的时间，使用：

 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]);
});

最后一点，您的时间戳不正确，正确的时间戳类似于"1328983200000“而不是"1328983200"，如果您使用PHP生成JSON数据，请确保您对日期执行类似的操作：

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