vue項目 在echarts tooltip中添加點擊事件


created () {
window.wordClick = this.myClick;// 把點擊事件綁到window上
},
methods: {
  myClick(name){ // 事件具體操作
        console.log(name);
},
}
// tooltip中綁定的點擊事件
tooltip: {
trigger: 'axis',
backgroundColor :'rgba(78,93,225,0.75)',
borderWidth:2,
borderColor :'rgba(78,93,225,0.75)',
axisPointer: {
type: 'cross',
label: {
backgroundColor :'rgba(78,93,225,0.75)',
borderWidth:1,
borderColor :'rgba(78,93,225,0.75)',
}
},
triggerOn: 'mousemove|click', //觸發方式 移入或點擊
enterable: true, // 鼠標可移入tooltip中 必須
formatter:(params)=> {
let data = params[0]
return data.name + ': ' + data.data + '<div style="cursor: pointer;color:red" onclick="wordClick(\''+data.data+'\')">查看相關內容</div>'
}
},


免責聲明!

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



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