echarts点击事件卡死(循环N次)问题
给echarts 的饼图做了一个点击事件,结果发现每点一次就会卡死,刚开始以为是代码写的有问题,进了浏览器断点发现echarts的一个bug,真的是bug啊,进入循环了N次,难怪卡死了,直接上解决代码
重点就在最后标明的1.2.3.4那了
//初始化echart实例
charts = echarts.init(document.getElementById("echarts"));
//显示加载动画效果
charts.showLoading({
text: '稍等片刻,精彩马上呈现...',
effect:'whirling'
});
option = {
tooltip:{
trigger: 'item'
},
toolbox:{
feature:{
saveAsImage:{}//保存为图片
},
right:'2%'
},
series:[{
name:'案例',
type:'pie',
radius : ['55%', '70%'],
color:['#FFB90F','#7cbc16','#818181'],
data:[
{value:12, name:'demo1'},
{value:23, name:'demo2'},
{value:32, name:'demo3'}
],
itemStyle : {
normal: {
label : {
//标示线文字修改
formatter: function(param){
return param.name+":"+param.value+"%";
}
}
}
}
}]
}
// 1、清除画布
charts.clear()
// 2、为echarts对象加载数据
charts.setOption(option);
///3、在渲染点击事件之前先清除点击事件
charts.off('click');
//隐藏动画加载效果
charts.hideLoading();
// 4、echarts 点击事件
charts.on('click', function (param) {
alert("点击了!");
});