タイムチャートをラインチャート（Chart.js）に追加

Question

Heey all、

私はchartjsを使ってビューチャートを生成しています。データは正しく読み込まれましたが、x軸のラベルに問題があります。 Chart.jsは時間スケールをサポートしているので、どのように動作するのだろうかと思っていましたか？ タイムラインは動的でなければなりません。時間とともに値を表示する必要があります。

これは私がこれまでに試したことですが、どういうわけか私のx軸で時間の値を取得しません。君たちは多分利用できるタイムスタンプがあるオブジェクト内で見たよう https://jsfiddle.net/fwxvb2zp/1/

私は最新のChart.js（2.1.2）

を使用しています。これは、グラフに挿入するデータに使用するタイムスタンプです。 私が送信していたオブジェクトは、次のとおりです。

var object = [ 
    { 
     "avg_c_p_u":[ 
      0.56, 
      0.38, 
      0.33 
     ], 
     "timestamp":1463054879000 
    } 
] 

Answer 1

see below updated method from your jsFiddle code: 
add below 2 lines: 

chartdata.data.labels.shift(); 
chartdata.data.labels.push(Math.random().toFixed(2)); 


$.each(data, function() { 
    var tmp = chartdata.data.datasets[0].data; 
    tmp.shift(); 
    tmp.push(this['avg_c_p_u'][0]*100); 
    chartdata.data.datasets[0].data = tmp; 
    chartdata.data.labels.shift(); //new line 
    chartdata.data.labels.push(Math.random().toFixed(2));//new line 
    chartdata.update(); 
    });