图表js替换所有数据

Question

我对图表有意见。js。

首先，我设置一个数据，然后当参数改变时，我想重新绑定整个图表。这是一项工作，但它就像一张图表，旧数据仍然落后于新数据。

首先-

chart.Line(data, options);

在一个事件中-

  chart.Line(newdata, options);

我看到了这个解决方案图表。js加载全新的数据

但是我不喜欢这样。我在一个角度指示上下文中，所以这不是最好的方法。

我试过没有结果

更新（）、删除数据（）、清除（）、销毁（）等

这是我目前的指示

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

有什么想法吗？

Answer 1

对于那些对饼图有同样想法的人来说，似乎没有一个给定的公共方法可以工作，但是您可以通过自己删除数据来使用一个简单的解决方法：

var pieChart = new Chart(ctx).Doughnut(undefined, pieChartOptions);
pieChart.segments.splice(0, pieChart.segments.length);

看起来还可以，希望他们能添加一个removeall方法，或者让这个方法变得更清晰。

Answer 2

您正在创建一个新图表，这就是为什么您最终会在新图表后面使用旧图表。

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

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

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

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

希望有帮助！