2016-05-18 10 views
0

Iドキュメントを読んで、チャートを更新し、データを交換する方法がありますされてきた。addData()は最新のchart.jsから削除されました2.1.3 - whats up?

myLineChart.data.datasets[0].data[2] = 50; // Would update the first dataset's value of 'March' to be 50 
myLineChart.update(); // Calling update now animates the position of March from 90 to 50. 

https://github.com/chartjs/Chart.js/blob/master/docs/07-Advanced.md

しかしaddData()なくなっているように見える、私は私自身は、addData作りで立ち往生していますローカルデータの場合は、グラフ全体を更新しますか?または私は何かが欠けている。

答えて

1

update()もデータの追加を処理します。ただ、チャートを作成するときに渡されたconfigオブジェクトに新しいデータ/ラベルをプッシュして、例えばupdate()

を呼び出し、

var config = { 
    type: 'line', 
    data: { 
    labels: ["January", "February", "March", "April", "May", "June", "July"], 
    datasets: [{ 
     label: "My First dataset", 
     data: [65, 0, 80, 81, 56, 85, 40], 
     fill: false 
    }] 
    } 
}; 

var ctx = document.getElementById("myChart").getContext("2d"); 
var myChart = new Chart(ctx, config); 

setTimeout(function(){ 
    config.data.labels.push('Test'); 
    config.data.datasets[0].data.push(3); 
    myChart.update(); 
}, 1000); 

フィドル - またhttp://jsfiddle.net/zpnx8ppb/

+0

可能電流を更新します新しいデータを含むデータセット: 'setTimeout(function(){ config.data.labels.push( 'February'); // config.data.datasets [0] .data.push(3); config.data.labels = ["January"、 "February"、 "March"、 "April"、 "May"、 "June"、 "July"]; config.data.datasets [0] .data = [25、10、80、81、56、85、40]; myChart.update(); }、2000年)。 ' – Lukas

関連する問題