head-img Force's Blog

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

JavaScript

一、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

点我评论
打赏本文
二维码


125

文章

14

标签

 访客统计  Update-******