2012-02-13 19 views
5

Flotチャートの内側にタイムラインとしてx軸を表示するのが難しい。私は運のないFLOTのAPIページ上のチュートリアルだけでなく、this one on stackoverflowFlotチャートのx軸時間の問題... AARGHHH

を追ってきた

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

:ここに私のJSONファイルの省略コピーです。

x軸を変更すると、グラフはきれいに表示されますが、x軸は空白になります。

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

これは8 8までの値(データファイルに応じて修正していない)、ないグラフのデータ表示:5:

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

      } 

は基本的に、私は(実際には任意の形式で時間を表示するに:00、午前5時、重要ではない)をx軸に、y軸をサービス値に対応させます。各データファイルには合計24のタイムスタンプがあります(1日分のデータ)。

FlotとJavaScript/jQueryのエキスパートが大歓迎です!

答えて

3

初めて表示するために、使用:

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

は私が悪いJSONエンコードのファイルによって引き起こされるJSONデータと同じ問題を抱えていました。 JSONファイルが本当にJSONファイルであることを確認してください。 のは、(例えばjQueryを使って)それをテストするために何かのIKEを試してみましょう:あなたの場合

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

最終ポイント、あなたのタイムスタンプが正しくない場合、正しいタイムスタンプではなく、その「1328983200」のような「13289.832億」というようなものです問題は、このタイムスタンプについてですので、

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

そのタイムスタンプの事は、私が見たキー... – Ryley

+0

[OK]をです:あなたは日付のためにそのような何かを行うことを確認してください、あなたのJSONデータを生成するためにPHPを使用* 1000あなたのJSONページでそれはよりよく動作します。そして私の答えを確認してください:-) – Valky

+0

それは完全にタイムスタンプだった、それはミリ秒でそれを望んでいる:)。助けてくれてありがとう! – mynameisneo

関連する問題