J'utilise Chartjs pour afficher un graphique en courbes et cela fonctionne bien:
// get line chart canvas
var targetCanvas = document.getElementById('chartCanvas').getContext('2d');
// draw line chart
var chart = new Chart(targetCanvas).Line(chartData);
Mais le problème se produit lorsque j'essaie de modifier les données du graphique. Je mets à jour le graphique en créant une nouvelle instance d'un graphique avec les nouveaux points de données, et en réinitialisant ainsi le canevas.
Cela fonctionne très bien. Cependant, lorsque je survole le nouveau graphique, s'il m'arrive de passer par des emplacements spécifiques correspondant aux points affichés sur l'ancien graphique, le survol / l'étiquette est toujours déclenché et soudainement l'ancien graphique est visible. Il reste visible tant que ma souris est à cet endroit et disparaît lorsque je quitte ce point. Je ne veux pas que l'ancien graphique s'affiche. Je veux le supprimer complètement.
J'ai essayé d'effacer à la fois le canevas et le graphique existant avant de charger le nouveau. Comme:
targetCanvas.clearRect(0,0, targetCanvas.canvas.width, targetCanvas.canvas.height);
et
chart.clear();
Mais aucun de ceux-ci n'a fonctionné jusqu'à présent. Des idées sur la façon dont je peux empêcher cela de se produire?