I think my issue is a known one, everytime I make a new chart and hover my mouse over some points in the canvas, the old charts flash in and out all the time. Here's one of the threads I followed to try and fix it, but nothing seems to work. I tried re-appending the canvas, using destroy, clear, if statements which should clear it, but nothing.

Here's my code:

var ctx = document.getElementById('myChart').getContext('2d');

var myChart = new Chart(ctx, {

    type: 'line',

    data: {

        labels: chartjsDate,

        datasets: [{

            label: 'temp',

            data: chartjsTemp,

            backgroundColor: rgba(240,240,240,0.5)

        }]

    }

});

I tried adding myChart.destroy(); before and after that code, even if(myChart!=null){myChart.destroy();}, but still nothing. Any help on how to fix it would be appreciated. All other threads I found are quite old and their solutions don't work.

Edit: Some stuff I tried, to no avail:

var myChart;

if (myChart != undefined || myChart !=null) {

    myChart.destroy();

}