2016-04-03 43 views
2

Highchartsでデータベースから温度を視覚化したいと思います。 JSデータ配列は次のようになります。たとえばHighcharts JS時刻からのX軸時刻

[date object, value] 

:あなたが見ることができるように、私は日付オブジェクトと値を持っている

[Fri Mar 04 2016 01:39:10 GMT+0100 (Central Europe Standard Time), 20.5] 

。だから私の問題は、最高の場合HH:MMにフォーマットされた、私の日付を示すx軸をフォーマットすることです。 xAxis型のdatetimeを使用しているようですが、これは機能しません。

xAxis: { 
    type: 'datetime' 
    // ... 
} 

この問題の解決方法をご存知ですか?

Image of graph

+0

あなたはコードを投稿することができますか?私たちは何を修正するべきかを知るためのチャートの試行を見る必要があります – JordanHendrix

答えて

4

Highchartsミリ秒単位のタイムスタンプの形でdatetimeになります。 Dateオブジェクトを提供しています。 Dateオブジェクトを挿入するのではなく、DateオブジェクトのgetTime()関数を使用してタイムスタンプを取得します。例えば

JSFiddle):

$(function() { 
    // The timestamp of the current time 
    var timestampNow = new Date().getTime(); 
    // The timestamp one hour from now 
    var timestampOneHour = new Date(timestampNow + (3600 * 1000)).getTime(); 

    $('#container').highcharts({ 
     xAxis: { 
      type: 'datetime' 
     }, 
     series: [{ 
      data: [ 
       [timestampNow, 1], 
       [timestampOneHour, 2] 
      ] 
     }] 
    }); 
}); 
+0

あなたの速い助けのために多くのty :) – Fabian

関連する問題