解决方式:myCharts.off('click')
最近写vue项目时用到echarts做个小功能,点击饼状图的每一块,生成新的柱状图,同时要给柱状图绑定点击事件,弹出每一条柱状数据详情。
做完后发现一个问题,第一次点击柱状图时点击事件只触发一次,点击饼状图第二次生成柱状图后,柱状图的点击事件就会触发两次,以此类推……最后越来越多。
代码如下:
// 画饼状图
drawPie() {
let myCharts = Echarts.init(document.getElementById('pie'))
let option = {
title: {
text: '所有会员',
left: 'center'
},
tooltip: {
trigger: 'item'
},
legend: {
bottom: 10,
left: 'center',
data: ['注册会员', '超级合伙人', '超级合伙人-战略合作', '网点']
},
series: [
{
type: 'pie',
center: ['50%', '50%'],
selectedMode: 'single',
dat