繪制圖表x軸時間問題... AARGHHH

Question

我很難將數據顯示在Flot圖表中，x軸作為時間軸。 這是我的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：00，無關緊要），並使y軸與服務值相關聯。 每個數據文件中有24個總時間戳（一天的數據值）。

任何幫助你Flot和JavaScript / jQuery專家將不勝感激!!!

Answer 1

首先要顯示的時間，使用：

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

由於錯誤的JSON編碼文件導致JSON數據出現同樣的問題。 你確定你的JSON文件真的是一個JSON文件嗎？ 讓我們嘗試一下ike來測試它（例如用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;