web-dev-qa-db-ja.com

ハイチャートを使用したUNIXタイムスタンプの処理

jsfiddle：http://jsfiddle.net/RjPRd/

時間とラベルが正しく表示されません。

Javascript Timeの場合、タイムスタンプに1000を掛ける必要があると思いますが、最善のアプローチは何ですか？また、ラベルがカーソルの位置と反対に見えるため、セットアップはまだ正しくないと思います。

javascriptjqueryhighcharts
12
Hedde van der Heide

そうです、Javascriptのタイムスタンプはミリ秒なので、すべてに1000を掛ける必要があります。

他の問題については、データが逆方向に順序付けられているという事実に起因します。どうやらHighChartsは、シリーズが適切に順序付けられていないときに混乱しています。

コードの修正は次のとおりです。 http://jsfiddle.net/cvedovini/RjPRd/2/

44
Claude Vedovini

Highchartsでタイムスタンプ（ミリ秒）を操作する簡単な方法は、 formatter を使用することです。したがって、最初に時間値を nixタイムスタンプ として受け取り、次にチャートで以下の機能の1つを設定します。

XAxisラベルでの使用：

xAxis:[{
  labels:{
     formatter:function(){
         return Highcharts.dateFormat('%Y %M %d',this.value);
     }
  }
}]

ツールチップでの使用：

tooltip: {
    readerFormat: {
        formatter: function(){
         return Highcharts.dateFormat('%Y %M %d',this.value);
     }
  },
    pointFormat: '{point.y} ms',
    shared: true
},

ツールチップを使用したコードの例

フォーマッターに関するリファレンス

0
Fellipe Sanches