Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 向折线图(Chart.js)添加时间缩放_Javascript_Jquery_Charts_Chart.js - Fatal编程技术网

Javascript 向折线图(Chart.js)添加时间缩放

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_

大家好

我正在使用chartjs生成一个视图图表。数据现在已正确加载,但x轴标签有问题。 由于Chart.js确实支持时间刻度,我想知道它是如何工作的? 时间线应该是动态的。并应显示随时间变化的值

这是我到目前为止尝试过的,但不知何故,我没有得到x轴的时间值。

我使用的是最新的Chart.js(2.1.2)

正如你们可能看到的,在对象中有一个可用的时间戳。这是用于插入图形中的数据的时间戳。 我发送的对象如下所示:

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();
  });