echarts 懸浮框tooltip 添加點擊事件

  

　　懸浮框tooltip，默認是鼠標移入出現，移出消失。這種情況下，是無法點擊到的，更別說添加點擊事件。所以先修改出現方式

　　1.從官網配置項可以看到 懸浮框的蹴發條件有四個。根據現在的要修 修改為 click

 

 

 

 　　

 

 

 　　　2.然后要給懸浮框添加事件，鼠標必須得進入懸浮框（默認為不能進去） enterable

             

　　　　3.添加具體方法

                在formatter中添加 內聯得點擊事件，點擊事件需要掛載在window上，否則獲取不到。

tooltip: {
                triggerOn: 'click',
                enterable: true,
                formatter: function (params) {
                    var showData = params["data"]
                    return `<div style="color:#fff;" onclick="myAerlt('${showData[2]}')">名稱：${showData[2]} ;</div>坐標：${showData[0]},${showData[1]}`;
                }
            },

 

　　　　

function myAerlt(nam){
    alert(nam)
}
window.myAerlt=myAerlt;

　　　　　　效果：實現了 懸浮框得點擊事件。