Echarts使用一個圖例legend實現全選和全部取消的功能

1、修改legend的data值，在前面加上全選和全不選，data = ['全選'，'全不選'，1,2,3]

2、監聽 legendselectchanged事件

/ 使用剛指定的配置項和數據顯示圖表
var selectArr = option.legend.data;
myChart.on('legendselectchanged', function(obj) {
var selected = obj.selected;
var name = obj.name;
// 使用 legendToggleSelect Action 會重新觸發 legendselectchanged Event，導致本函數重復運行
// 使得 無 selected 對象
if (name == '全選') {//需要配置一個legend為‘全選’的名稱
//alert("33");
var flag = $(this).attr('flag');
if(flag == 1){
var val = false;
$(this).attr('flag',0);
$(this).val('全選中');
}else{
var val = true;
$(this).attr('flag',1);
$(this).val('全不選');
}
var obj = {};
for(var key in selectArr){
obj[selectArr[key]] = val;
}
option.legend.selected = obj;
myChart.setOption(option);
}
});