echarts legend点击事件及默认选中

1.初始化一个echarts对象

var myCharts = echarts.init(document.getElementById('id'));
option....
...
...
...
myCharts.on('legendselectchanged', function(params) {
	var option = this.getOption();
    //当前echarts图例选项
	var select_key = Object.keys(params.selected);
    //当前图例的选项是否选中 选中为true 未选中为false
	var select_value = Object.values(params.selected);
    ....
    ....
});

在on事件下编辑需要的方法即可。

另外记录下设置legend默认选中只需修改selected。

legend: {
    x: 'right',
    data:['X','Y','Z'],
    selected:{
        'X':true,
        'Y':false,
        'Z':false
    }
},

还有不清楚的可以留言哦，看到就会回的。