echarts,给legend注册点击事件

echarts图表注册点击事件,要在我们初始化后进行。

以vue项目中echarts为例:

myChart.on("legendselectchanged",(e)=>{ }) 图例的点击事件

            this.myChart = this.$e.init(this.$el); // init dom元素
            
            this.myChart.setOption(this.chartOption, true); // 转载配置信息
            this.myChart.on("legendselectchanged",(e)=>{ // 给legend注册点击事件
                if (e.name =='瞪羚企业') {
                    console.log('这是瞪羚企业');
                    let type = this.option._data.initChart.find(item=>{
                        if (item.text=='瞪羚企业') {
                            console.log(item,'瞪羚企业');
                            return item
                        }
                    })
                    console.log(type,'瞪羚企业的type');
                    this.option.checkedLegend({type:type.type}) // 调用更新环形echarts图标的方法,更改下面小模块的数据
                    let newType = {
                        ratio: type.ratio,
                        text: type.text+'-'+type.value+'家',
                        type: type.type,
                        value: type.value
                    }
                    this.option.checkedData = newType // 更改大模块的数据
                }

                this.myChart.setOption(this.chartOption, true); // 再次转载配置信息,因为点击是事件对数据做了一些改动,所以再次加载信息,才会生效。
            })

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值