Javascript 向折线图(Chart.js)添加时间缩放
大家好 我正在使用chartjs生成一个视图图表。数据现在已正确加载,但x轴标签有问题。 由于Chart.js确实支持时间刻度,我想知道它是如何工作的? 时间线应该是动态的。并应显示随时间变化的值 这是我到目前为止尝试过的,但不知何故,我没有得到x轴的时间值。 我使用的是最新的Chart.js(2.1.2) 正如你们可能看到的,在对象中有一个可用的时间戳。这是用于插入图形中的数据的时间戳。 我发送的对象如下所示:Javascript 向折线图(Chart.js)添加时间缩放,javascript,jquery,charts,chart.js,Javascript,Jquery,Charts,Chart.js,大家好 我正在使用chartjs生成一个视图图表。数据现在已正确加载,但x轴标签有问题。 由于Chart.js确实支持时间刻度,我想知道它是如何工作的? 时间线应该是动态的。并应显示随时间变化的值 这是我到目前为止尝试过的,但不知何故,我没有得到x轴的时间值。 我使用的是最新的Chart.js(2.1.2) 正如你们可能看到的,在对象中有一个可用的时间戳。这是用于插入图形中的数据的时间戳。 我发送的对象如下所示: var object = [ { "avg_c_
var object = [
{
"avg_c_p_u":[
0.56,
0.38,
0.33
],
"timestamp":1463054879000
}
]
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();
});