Chart.js reemplaza todos los datos

Estoy teniendo un problema con Chart.js.

Primero, establezco un dato, y luego, cuando cambia un parámetro, quiero volver a enlazar todo el gráfico. Este trabajo, pero es como el gráfico con los datos antiguos todavía detrás del nuevo.

primero ->

chart.Line(data, options); 

en un evento ->

  chart.Line(newdata, options); 

Vi esta solución chart.js cargar datos totalmente nuevos

Pero no me gusta así. Estoy en un contexto de directiva angular, por lo que no es el mejor enfoque.

Lo intenté sin resultados

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

Aquí está mi directiva actual

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

Alguna idea ?

Estás creando un nuevo gráfico, por eso terminas con el antiguo gráfico detrás del nuevo.

Una opción simple que he usado: eliminar el gráfico anterior del canvas que está utilizando para el gráfico:

 $('#canvas').replaceWith(''); 

Y ahora crea el gráfico con los nuevos datos en el mismo canvas.

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

¡Espero eso ayude!

Para aquellos de ustedes que se preguntan lo mismo con los gráficos circulares, no parece que exista un método público dado que funcione, pero puede usar una solución sencilla eliminando los datos usted mismo:

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

Parece que funciona bien, desearía que solo agregaran un método para eliminar todo o que el claro realmente funcione.