最近在學習ECharts，關於ECharts的滑鼠右鍵事件可以看官網ECharts3文件的API,網址：點這個網址直接跳轉到官網API指定的滑鼠事件中去 如下：

在 ECharts 中主要通過 on 方法新增事件處理函式，如下：

myChart.on('contextmenu', function (params) {
    console.log("右鍵事件");
    console.log(params);

});

怎麼還是會出現預設的右擊事件？

可以發現出來了效果，但遺憾的是還是會出現預設的右擊事件，儲存圖片等，於是：

可以先遮蔽瀏覽器的右擊事件，再呼叫ECharts的右擊事件，如下：

 //去除預設的滑鼠事件
document.oncontextmenu = function () { return false; }; 
//新加上滑鼠右擊事件
 myChart.on('contextmenu', function (params) {
    console.log("右鍵事件");
    console.log(params);
 });         

PS:在我做的練習裡，是畫地圖的，載入的是geoJSON格式的資料，我用params.data.name去訪問我滑鼠右擊時具體對應的是我的geoJSON裡的資料，再去後臺獲取更多的資料傳遞到前臺裡。