echarts 圖的點擊重復觸發的問題及其解決

要求：在echart圖表中，點擊每個項，需要跳轉對應頁面或者顯示對應的數據詳情列表。

如何添加鼠標點擊事件？

1.通常我們只使用了以下代碼，通過配置項和數據顯示圖表。

var myChart = echarts.init(document.getElementById('chartBox'));

• myChart.setOption(option);

2.在myChart.setOption（option）后添加以下代碼，即可觸發圖標中每個項的鼠標點擊事件。

myChart.on('click',  function(param) {

• //這個params可以獲取你要的圖中的當前點擊的項的參數

注：鼠標事件包括'click'，'dblclick'，'mousedown'，'mouseup'，'mouseover'，'mouseout'，'globalout','contextmenu'。

3.如果邏輯運行中，第2點中的代碼，執行了多次，則綁定之前需要清除綁定：

if(myChart._$handlers.click){    myChart._$handlers.click.length = 0;
myChart.on('click',  function(params) {

• //這個params可以獲取你要的餅圖中的當前點擊的項的參數

• _this.showMapPointInfo(params,param);

轉自： https://blog.csdn.net/yqwang75457/article/details/83008200