Echarts如何添加鼠標點擊事件?防止重復觸發點擊事件


Echarts如何添加鼠標點擊事件?

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

    var myChart = echarts.init(document.getElementById('chartBox'));
    var option = {...};
    myChart.setOption(option);

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

    myChart.on('click',  function(param) {
        //這個params可以獲取你要的圖中的當前點擊的項的參數
        console.dir(param)
    });    

注:鼠標事件包括'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);
    });


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM