Tengo un problema a la hora de mostrar unos gráficos.
En función de unos combos Se carga un gráfico de barras, la primera vez lo hace correctamente, el problema llega cuando se cambian los combos y muestra el nuevo gráfico, que al pasar el ratón por encima muestra la gráfica que se cargó en primer momento.
El código en el que se monta el gráfico es este
window.myBar = new Chart(ctx, {
type: "bar",
data: {
labels: labels,
datasets: [{
label: "Ocurrencia",
backgroundColor: Blue,
borderWidth: 2,
data: ocurrences
}, {
label: "Impacto",
backgroundColor: "darkred",
borderWidth: 2,
data: impacts
}]
},
options: {
title: {
display: true,
text: chartName + " " + effectivenessValue + "% Efectividad"
},
responsive: true,
maintainAspectRatio: true,
scales: {
yAxes: [{
scaleLabel: {
display: true,
labelString: "Nº. Ocurrencias",
fontSize: "12"
},
ticks: {
callback: function (value) {
return Number(value).toFixed();
},
stepSize: 1,
beginAtZero: true
}
}]
}
}
});
he intentado borrar los datasets, el propio chart, el propio canvas, vaciar el div del canvas pero sigue ocurriendo.
window.myBar = new Chart()
se utilizabawindow.myBar = new window.Chart()
de forma que aunque hiciésemosmyBar.destroy()
obviamente nunca limpiaba los datos de aquellos gráficos que estaban generados comonew window.Chart()