2016-08-04 28 views
2

Chart.js 2私はx座標がエポックタイムスタンプで、y座標が整数のスキャッタプロットを生成しています。私は、グラフのx軸ラベルを書式設定する方法があるかどうか疑問に思っていたので、日付が人間が読める形式で表示されます。Chart.jsの散布図のX軸ラベルを変更する2

更新:現在、私はグラフをUnixのタイムスタンプからミリ秒単位で作成しています。このプロトタイプの他の部分は、DateクラスのtoDateStringメソッド(たとえば、2016年8月5日金曜日)を使用して日付をフォーマットします。

+0

あなたが希望のフォーマットの一例を提供することができますか? また、現在の形式の例を示します。 –

答えて

4

この場合、scales.xAxesオプションのticks.userCallbackを使用して、各xaxisティックのフォーマットされた日付を返すことができます。バンドルバージョンを使用している場合、chartjsにはmomentjsが付いています。これは本当に簡単ですが、ミリ秒単位でタイムスタンプを渡すだけであれば、ラベルにしたいものを何でもできます。

options: { 
    scales: { 
     xAxes: [{ 
      ticks: { 
       userCallback: function(label, index, labels) { 
        return moment(label).format("DD/MM/YY"); 
       } 
      } 
     ]} 
    } 
} 

フィドルhttps://jsfiddle.net/leighking2/q5ak7p3h/

関連する問題