echarts重写图例点击事件

echarts version: 3.1.2echarts

修改图例点击事件样例代码:

  • 当第一次点击图例时,只显示点击的图例。
  • 当还剩一个图例被取消选中后,自动全选中全部图例。
  var triggerAction = function(action, selected) { legend = []; for ( name in selected) { if (selected.hasOwnProperty(name)) { legend.push({name: name}); } } myChart.dispatchAction({ type: action, batch: legend }); }; var isFirstUnSelect = function(selected) { var unSelectedCount = 0; for ( name in selected) { if (!selected.hasOwnProperty(name)) { continue; } if (selected[name] == false) { ++unSelectedCount; } } return unSelectedCount==1; }; var isAllUnSelected = function(selected) { var selectedCount = 0; for ( name in selected) { if (!selected.hasOwnProperty(name)) { continue; } // 全部 selected Object 里面 true 表明 selected, false 表明 unselected if (selected[name] == true) { ++selectedCount; } } return selectedCount==0; }; myChart.on('legendselectchanged', function(obj) { var selected = obj.selected; var legend = obj.name; // 使用 legendToggleSelect Action 会从新触发 legendselectchanged Event,致使本函数重复运行 // 使得 无 selected 对象 if (selected != undefined) { if (isFirstUnSelect(selected)) { triggerAction('legendToggleSelect', selected); } else if (isAllUnSelected(selected)) { triggerAction('legendSelect', selected); } } });
相关文章
相关标签/搜索