Tengo un problema al actualizar los datos con la misma variable. Cada vez que los datos se cambian en una variable ( mydata ), pero después de una actualización, el gráfico se carga con los mismos datos. Al hacer clic en el botón de actualización, el gráfico se vuelve a colocar pero siempre muestra el gráfico anterior en el gráfico.

 <button type="button" onclick="refresh()">Refresh</button> <canvas id="mychart"></canvas> <script > var config = { type: 'bar', options: { scales: { y: { beginAtZero: true } } }, }; var myChart=null; function refresh(){ $.ajax({ url: '/mydata', method: 'POST', data: {"user":user}, async: false, success: function(data) { mydata = data; } }) config.data = { labels: ["jan","Feb","Mar","Apr","may","june","july"], datasets: [{ data: mydata, backgroundColor: [ 'rgba(255, 99, 132, 0.2)', 'rgba(255, 159, 64, 0.2)', 'rgba(255, 205, 86, 0.2)', 'rgba(75, 192, 192, 0.2)', 'rgba(54, 162, 235, 0.2)', 'rgba(153, 102, 255, 0.2)', 'rgba(201, 203, 207, 0.2)' ], borderColor: [ 'rgb(255, 99, 132)', 'rgb(255, 159, 64)', 'rgb(255, 205, 86)', 'rgb(75, 192, 192)', 'rgb(54, 162, 235)', 'rgb(153, 102, 255)', 'rgb(201, 203, 207)' ] }] }; ctx = document.getElementById('mychart'); if(myChart == null){ myChart = new Chart(ctx, config); } else{ myChart.data.datasets[0].data=mydata; myChart.update(); } } </script> </body>