vue echart在tooltip(原生html)添加事件

直接贴代码:

                  formatter: function (params) {
                      var html = `
${params[0].axisValue}
`; if (params.length > 0) { var Xindex = params[0].dataIndex; for (let int = 0; int < params.length; int++) { let obj = deepClone(params[int]); obj.marker = ''; let str = JSON.stringify(obj); html += `
${params[int].marker}${params[int].seriesName}: ${params[int].data}   查看
`; } } html += "
"; return html; }

这一行是事件注册 “仔细注意viewClick”
html +=

${params[int].marker}${params[int].seriesName}: ${params[int].data}   查看
;

js的onclick事件绑定或出发其实都绑定在了window对象里面

所以大家使用时候其实只需要在vue合适的生命周期里面添加“window.viewClick=_this.viewClick(声明的事件名);”

代码(我这里写在了created【创建的生命周期里】):

created(){
            let _this=this;
            window.viewClick=_this.viewClick;
        },
//methods里面直接响应事件
methods:{
        viewClick(item){
                  console.log(item)
        }
}

注:代码不要完全粘贴复制,重在理解。希望对在学习路上的大家有所帮助

你可能感兴趣的:(vue echart在tooltip(原生html)添加事件)