javascript - 将时间缩放添加到折线图 (Chart.js)

Question

大家好，

我正在使用 Chartjs 生成 View 图表。数据现在已正确加载，但我在使用 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();
  });