Chart.js：クリック時に新しいデータを読み込む

複数のデータセットがあり、ボタンをクリックしたときに変更したい。ここに私が必要とするものの例があります：http://codepen.io/marcelo2605/pen/JEoGEO?editors=1010 Chart.js：クリック時に新しいデータを読み込む

[セット2]ボタンをクリックすると、チャートに正しいデータがロードされます。

しかし、 'set 1'をロードしようとすると、何も起こりません。

console.logを調べると、fooの両方のボタンで変数の値が同じであることがわかりました。

が、それだけではeval誤動作だように見えます。これに

myChart.data.datasets[0] = foo['datasets'][0]; myChart.data.labels = foo['labels']; myChart.update();

変数にevalを実行する代わりに2つに分割されたオブジェクト？ –

変更この：コメントの後

myChart.config.data = foo; 
myChart.update();

編集：1にすべてのデータを配置しない理由

2017-01-04 21:33:21 osmanraifgunes

私はそれが動作すると思いますが、アニメーションはありません。新しいデータが読み込まれるたびにアニメーションを実行できますか？ – marcelo2605

myChart.destroy（）を使用する必要があります。それを再作成します。 – osmanraifgunes

完全なアニメーションを素早く取得するには、データ属性を更新する代わりに、毎回フルテーブルを置き換えるだけです。 'update（）'はストリーミングデータを対象としています。 – alttag

答えて