Hola tengo un metodo que crea un grafico de Chart.js, el mismo recive como parametro los datos de grafico. Me gustaria que cada vez que llamo al metodo con nueva informacion el grafico cambiara o actualizara.
El Metodo:
showInChart(categories, valueOfCategories) {
const ctx = document.getElementById('chart');
new Chart(ctx, {
type: 'doughnut',
data: {
labels: [...categories],
datasets: [
{
data: [...valueOfCategories],
backgroundColor: [
'rgb(255, 99, 132)',
'rgb(54, 162, 235)',
'rgb(255, 205, 86)'
],
}
]
},
options: {
plugins: {
customCanvasBackgroundColor: {
color: '#fff',
}
}
},
plugins: [{
id: 'customCanvasBackgroundColor',
beforeDraw: (chart, args, options) => {
const {ctx} = chart;
ctx.save();
ctx.globalCompositeOperation = 'destination-over';
ctx.fillStyle = options.color || '#99ffff';
ctx.fillRect(0, 0, chart.width, chart.height);
ctx.restore();
}
}],
});
}
El código así como esta no hace lo que quiero que haga, y no se por donde seguir.
Vi dos publicaciones como esta, pero no me solucionaron nada.