echarts点击事件循环N次问题

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("点击了！");
    });