Chart.js chart keeps drawing repeatedly

Asked Aug 16 '22 at 15:14

Active Aug 17 '22 at 00:33

Viewed 66 times

Hi so I'm working on a doughnut chart with chart.js and I'm calling .destroy on it as I need to display multiple charts with different datasets. But now my chart keeps flickering and drawing itself repeatedly. I have already declared myChart with let myChart = null;

if (myChart != null) {
    myChart.destroy();
}
      
myChart = new Chart(document.getElementById('defaultCanvas0'), config);

This is how it looks like:

Doughnut Chart

It keeps flickering and I want it to display properly each time I switch between the options in the dropdown at the bottom left (The countries)

edited Aug 17 '22 at 00:33

Oleg Barabanov

2,468
2
8
17

asked Aug 16 '22 at 15:14

wubberlublub

1

it's your code, which you haven't shown. – Garr Godfrey Aug 16 '22 at 15:23
Without a reproducable sample this is not possible to help since we don't know if you call anything in loops what is the only explanation for this – LeeLenalee Aug 16 '22 at 15:48
look into : https://stackoverflow.com/questions/45706830/chart-js-mouseover-causes-graphs-to-flicker-and-resize – Sund'er Aug 17 '22 at 06:11
this is called in my draw function – wubberlublub Aug 17 '22 at 13:49

Chart.js chart keeps drawing repeatedly

0 Answers0