echarts legend点击事件无法使用this。
时间: 2023-07-30 22:07:20 浏览: 91
echarts的click事件
ECharts 中的 legend 点击事件可以通过以下代码来实现:
```
myChart.on('legendselectchanged', function(params) {
console.log(params); // 打印出当前点击的 legend 的相关信息
// 在这里可以通过 params 中的信息,来执行相应的操作
});
```
在这个事件回调函数中,你可以通过 `params` 参数来获取当前点击的 legend 的信息,比如 `params.name` 代表当前点击的 legend 的名称。然后你就可以根据这个信息来执行相应的操作。如果你想在这个回调函数中使用 `this`,你需要将 `this` 提前保存到一个变量中,比如:
```
var myChart = echarts.init(document.getElementById('myChart'));
var that = this; // 保存 this 到 that 变量中
myChart.on('legendselectchanged', function(params) {
console.log(that); // 此时可以使用 that
});
```
这样,在回调函数中就可以使用 `that` 来代替 `this`。
阅读全文