一、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 会合并新的参数和数据,然后刷新图表。
本文转载自:https://blog.csdn.net/qq_36437172/article/details/103503303