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

一、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 会合并新的参数和数据，然后刷新图表。