Chart Events
Description: How to attach events on Chart in Javascript using addEventListener method
The following Mouse events can be attached with Chart


mousedown
                                    
let chartDiv = document.getElementById('chart-container');

chartDiv.addEventListener("mousedown", function() {
    alert('You have clicked on Chart');
});
mouseup
                                    
let chartDiv = document.getElementById('chart-container');

chartDiv.addEventListener("mouseup", function() {
    alert('You have clicked on Chart');
});
mousein
                                    
let chartDiv = document.getElementById('chart-container');

chartDiv.addEventListener("mousein", function() {
    alert('You have clicked on Chart');
});
mouseout
                                    
let chartDiv = document.getElementById('chart-container');

chartDiv.addEventListener("mouseout", function() {
    alert('You have clicked on Chart');
});
mousemove
                                    
let chartDiv = document.getElementById('chart-container');

chartDiv.addEventListener("mousemove", function() {
    alert('You have clicked on Chart');
});
How to detach and Event using removeEventListener()
                                    
let chartDiv = document.getElementById('chart-container');

chartDiv.removeEventListener("mousemove", functionPointer);