I am using  Chart JS in my custom module. And I am using one canvas to display Multiple Charts. But when I move the mouse through the division and canvas it hover itself without clicking or selecting any button. I need to chage it when i select an drop down option. But its doesnt change.

I used empty() and remove() functions but its not worked well.

Can Anyone help me to resolve this issue?

My JS code is given below

var ctx = document.getElementById("canvas").getContext('2d');
var labels = [MONDAY,TUESDAY,WEDNESDAY]; 

var myChart = new Chart(ctx, {
    type: 'bar',
    data: {
        labels: labels,
        datasets: [
            {
            label: 'Attendance', // Name the series
            data: [25, 28, 24], // Specify the data values array
            backgroundColor: '#66aecf',
            borderColor: '#66aecf',

            borderWidth: 1, // Specify bar border width
            type: 'bar', // Set this data to a line chart
            fill: false
        }
        }]
    },
    options: {
      responsive: true, 
      maintainAspectRatio: false, });

 })