Search code examples
canvasjs

Right-click event handler to CanvasJS Charts' dataPoints?


Can you add a right-click event handler to CanvasJS Charts' dataPoints?

I'm aware the documentation mentions "click, mouseover, mouseout and mousemove" as available events, so I'm looking for an undocumented feature or a trick to accomplish this.


Solution

  • Yes you can have a trick for working with right click also. Follow, this example-

    //Work aroound for right click on data points
    var chartContainer = document.getElementById("chartContainenter"); 
    function onMouseover(e){
            chartContainer.addEventListener('contextmenu', e.chart.rightClick = function(ev){
                ev.preventDefault();
                onRightClick(e); //right click event handler
                return false;
        }, false);
    }
    
    function onMouseout(e){
            chartContainer.removeEventListener('contextmenu', e.chart.rightClick);
        document.getElementById("textBox").innerHTML = "";
    }