echarts 事件绑定-图表点击风暴在 Vue 中无法调用方法

也想出现在这里？点击联系我~

立即下单

进入商城

进不了网站？换个网络试试！

在 VUE 中使用 echarts，绑定点击风波获取 echarts 中的数据echarts 事件绑定echarts 事件绑定，并将获得的数据传递给另一个函数（在 vue 的方法中：{}）进行处理。并发现不能这样调用，代码如下，并报告以下错误：

methods:{
...
drawChart(){
 myChart1.on('dblclick','series.effectScatter',function (param){
        console.log("得到的参数：", param.name)
        this.testfun(deidList);   //在这里调用测试函数
      });
},
testfun(lis){
...
}
}

后来，

查询发现窃听风暴中的反弹已更改为箭头函数，如下所示：

methods:{
...
drawChart(){
 myChart1.on('dblclick','series.effectScatter',(param)=>{   //这里改为箭头函数 
        console.log("得到的参数：", param.name)
        this.testfun(deidList);   //在这里调用测试函数
      });
},
testfun(lis){
...
}
}

原因是普通函数和箭头函数关于这个指向问题，这里有一个参考：

如何在报告工具中导入和复制如此出色的图标库？Echarts图形由Javascript自己在后端网页上绘制，图形需要从浏览器捕获才能导入和复制，而报表工具的导入功能则在后台实现。所以这是一定的难度，去大学看看到底：如何导入和复制Echarts图形？！电子图表副本导入

报表工具通常具有导入和复制的功能，不仅可以将图形显示在页面上，还可以导入到WORDecharts 导出图片，PDF等文件中以增强外观echarts 导出图片，或者直接复制以供参考。因此，每个宝宝都想要集成的Echarts图形也可以像报告工具本身中的这些精美图形一样导入和复制。

然而，事情并没有那么简单！Echarts图形由Javascript自己在后端网页上绘制，图形需要从浏览器捕获才能导入和复制，而报表工具的导入功能则在后台实现。哦？这很麻烦，你需要拿出浏览器绘制的图形并啃咬它们并将它们传递给后台服务器。此外，如果报表有许多页面，如果页面上未显示所有页面，则很难截获导入时尚未呈现的图表;同样，通用报表工具的复制是使用Applet，FLASH或导入PDF等完成的，无需关心浏览器，并且无法执行Javascript绘制命令。