echarts重寫圖例點擊事件


echarts version: 3.1.2

修改圖例點擊事件樣例代碼:

  • 當第一次點擊圖例時,只顯示點擊的圖例。
  • 當還剩一個圖例被取消選中后,自動全選中所有圖例。
  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); } } });


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM