Estoy actualizando un objeto de gráfico chart.js con Chart().update() pero la etiqueta sigue parpadeando incluso después de que el cursor del mouse dejó de moverse. Probé chart.destroy() pero lo empeoró al no mostrar nada. Comienza cuando se pasa el mouse por encima, pero persiste cuando el cursor del mouse se mueve fuera del gráfico. gif de la etiqueta parpadeando

 const color_red = 'rgb(255, 99, 132)'; const color_blue = 'rgb(54, 162, 235)'; const color_white = 'rgba(0, 0, 0, 0.1)' const config = { type: 'line', data: futuresData, options: { responsive: false, plugins: { legend: { position: 'top', }, title: { display: true, text: 'Chart.js Line Chart' } }, tooltips: { mode: 'index', intersect: false, }, scales: { yAxes: [{ ticks: { beginAtZero:true } }] }, }, }; const context = document.getElementById('canvas').getContext('2d'); var lineChart = new Chart(document.getElementById('canvas').getContext('2d'), config); ws.onmessage = ({data}) => { json_data = JSON.parse(data); // CHARTING config.data.datasets[0].data = []; config.data.datasets[1].data = []; // BTCUSD for (const [tenor, basis] of Object.entries(json_data.futuresMarket.BTCUSD.basis)) { config.data.datasets[0].data.push({x: parseInt(tenor) , y: basis}); console.log({x: parseInt(tenor) , y: basis}); }; // ETHUSD for (const [tenor, basis] of Object.entries(json_data.futuresMarket.ETHUSD.basis)) { config.data.datasets[1].data.push({x: parseInt(tenor) , y: basis}); console.log({x: parseInt(tenor) , y: basis}); }; console.log(`BTCUSD ${config.data.datasets[0].data}`); console.log(`ETHUSD ${config.data.datasets[0].data}`); lineChart.update(); };````