Chart.js替换所有数据

Question

我有一个Chart.js的问题.

Firts,我设置了一个数据,然后当一个参数改变时,我想重新绑定整个图表.这项工作,但它的图表与旧数据仍然落后于新的数据.

第一 - >

chart.Line(data, options);

在一个事件 - >

  chart.Line(newdata, options);

我看到这个解决方案 chart.js加载了全新的数据

但我不喜欢这样.我在一个有角度的指令背景下,所以它不是最好的方法.

我试过没有结果

.update(),. removeData(),. clear(),. destroy()等

这是我目前的指示

http://plnkr.co/edit/qn2UUyznonKm6zgEi8FW?p=catalogue

任何的想法 ？

Answer 1

您正在创建一个新图表,这就是为什么您最终得到新图表背后的旧图表.

我使用过的一个简单选项:从用于图表的画布中删除旧图表:

$('#canvas').replaceWith('<canvas id="canvas"></canvas>');

现在使用同一画布中的新数据创建图表

var ctxChart = document.getElementById("canvas").getContext("2d");
window.myChart = new Chart(ctxChart).Line(newdata, options);

希望能帮助到你!