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
    }
},

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