添加時間縮放到線圖（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(); 
    });