echarts 图例 legend 取消点击事件 / 添加点击事件

您所在的位置:网站首页 legend函数可实现什么功能 echarts 图例 legend 取消点击事件 / 添加点击事件

echarts 图例 legend 取消点击事件 / 添加点击事件

2024-03-05 10:51| 来源: 网络整理| 查看: 265

一、legend 取消点击事件

legend: {   selectedMode:false,//取消图例上的点击事件   data:['浏览量','访问量'] }

二、legend 添加点击事件

图例组件用户切换图例开关会触发该事件。

myChart.on('legendselectchanged', function(params) { var option = this.getOption(); var select_key = Object.keys(params.selected); var select_value = Object.values(params.selected); var n = 0; select_value.map(res => { if(!res){ n++; } }); if( n == select_value.length){ option.legend[0].selected[params.name] = true; } this.setOption(option) });

(1)echartsInstance.getOption

获取当前实例中维护的 option 对象,返回的 option 对象中包含了用户多次 setOption 合并得到的配置项和数据,也记录了用户交互的状态。

(2)echartsInstance.setOption

设置图表实例的配置项以及数据,万能接口,所有参数和数据的修改都可以通过 setOption 完成,ECharts 会合并新的参数和数据,然后刷新图表。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3