动态更新Chart.js绘制折线图数据集数据

Question

如何在检索到数据集数据后将值传回？目前它的值是空的。我知道由于数组的初始化而导致的var durationChartData返回为空，如何在从ajax获取值后更新它并显示正确的值？

x

Answer 1

更改从ajax响应中收到的数据集部分，然后调用图表的update()函数。这是通过$ .ajax成功函数末尾的2个额外行来完成的。

$.ajax({
        url: '/rest/analytical/home/viewed/line',
        type: 'GET',
        dataType: 'json',
        success: function (data) {
            dataLength = (data + '').length;
            for(var i=0; i<dataLength; i++){
            durationChartData[i] = data.ret[i].all;
            }

            window.myLine.data.datasets[0].data = durationChartData;
            // 1.x compatible answer (comment out line above):
            // for(i=0; i <durationChartData.length; i++) {
            // window.myLine.datasets[0].points[i].value = durationChartData[i];
            // }
            window.myLine.update();                   
        },
        error: function (data) {
            console.log('duration Chart Data: ' + data);
        }
    });