ハイチャートの書式設定 - ツールチップ、日x軸のタイムスタンプ

Question

私のグラフは毎秒更新され、ツールチップにタイムスタンプ（2016年4月7日、15:12:38）を表示したいと考えています。次のようになります。http://jsfiddle.net/qq5rqazj/2/。私は自分のチャートをカスタマイズする方法を知らない。私は、コードのスニペットを囲む：

 $('#container').highcharts({ 
      chart:{ 
        type: 'spline', 
        animation: Highcharts.svg, 
        marginRight: 10, 
        events: {load: function() {series = this.series[0];}} 
       }, 
      title:{text: 'Live random data'}, 
      xAxis:{tickPixelInterval: 150}, 
      yAxis:{title: {text: 'Value'}, 
       plotLines: [{value: 0,width: 1,color: '#808080'}] 
      }, 
      tooltip: { 
       formatter: function() { 
        return '<b>' + this.series.name + '</b><br/>' + 
         Highcharts.numberFormat(this.x, 2) + '<br/>' + 
         Highcharts.numberFormat(this.y, 2); 
        } 
      }, 
      legend: { 
       enabled: false 
      }, 
      exporting: { 
       enabled: false 
      }, 
      series: [{ name: 'Random data', data:DatosRecuperados}] 
     }); 

のx、yのxはint型であり、yは現在のタイムスタンプ2016年5月29日ここでデータベースから17時56分15秒

Answer 1

値であり、あなたが使用したいと思いますあなたのツールチップのHighcharts.dateFormat()メソッド（http://api.highcharts.com/highcharts#Highcharts.dateFormatを参照）。

たとえば以下this.xのフォーマットMay 30, 2016のために返されます：

Highchartsドキュメントに記載されているように

tooltip: { 
    formatter: function() { 
     return Highcharts.dateFormat('%B %e, %Y', this.x) + '<br/>' + 
      Highcharts.numberFormat(this.y, 2); 
    } 
}, 

：人間に

は、（月の第1回1970年以降のミリ秒）、JavaScriptの日付のタイムスタンプをフォーマット 読み取り可能な日付文字列。この形式は、PHPのstrftime関数の形式のサブセットです（ ）。

これは完全なタイムスタンプの場合は%cなどの特定の値を受け入れないため、サブセットにすぎません。

こちらがお役に立てば幸いです。

Answer 2

組み込みxDateFormatオプションを使用します。

tooltip: { 
    xDateFormat: '%B, %d %Y %H:%M:%S', 
}, 

this Highcharts' fiddleでデモを見ることができます。