在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ echarts 怎么點(diǎn)擊圖例顯示該折線(xiàn),隱藏其他折線(xiàn)

echarts 怎么點(diǎn)擊圖例顯示該折線(xiàn),隱藏其他折線(xiàn)

類(lèi)似這樣的功能,不過(guò)這是用highcharts做的,我現(xiàn)在需要在echarts上修改:https://code.hcharts.cn/rench...

回答
編輯回答
壞脾滊

legendselected:例組件用legendSelect 圖例選中后的事件,即點(diǎn)擊顯示該圖例時(shí),觸發(fā)就生效。

2018年3月3日 22:32
編輯回答
離夢(mèng)

看看 事件那塊的API 類(lèi)似這個(gè)legendselectchanged

2018年3月30日 05:03
編輯回答
小曖昧

謝謝兩位提供的思路,已經(jīng)解決:

var myCharts = echarts.init(document.getElementById("section"));

var triggerAction = function(action, selected) {
  legend = [];

  for (name in selected) {
    if (selected.hasOwnProperty(name)) {
      legend.push({
        name: name
      });
    }
  }

  myCharts.dispatchAction({
    type: action,
    batch: legend
  });
};

//是否只選擇一個(gè)圖例
var isFirstUnSelect = function(selected) {
  var unSelectedCount = 0;
  for (name in selected) {
    if (!selected.hasOwnProperty(name)) {
      continue;
    }

    if (selected[name] == false) {
      unSelectedCount++;
    }
  }

  return unSelectedCount == 1;
};

//定義一個(gè)開(kāi)關(guān),第一次點(diǎn)擊的時(shí)候才翻轉(zhuǎn)。當(dāng)所有都被選擇的時(shí)候,再次點(diǎn)擊不會(huì)只顯示一個(gè)。
var onOff = true;

myCharts.on('legendselectchanged', function(obj) {
  var selected = obj.selected;
  var legend = obj.name;
  // 使用 legendToggleSelect Action 會(huì)重新觸發(fā) legendselectchanged Event,導(dǎo)致本函數(shù)重復(fù)運(yùn)行
  // 使得 無(wú) selected 對(duì)象
  if (selected != undefined && isFirstUnSelect(selected) && onOff) {
    triggerAction('legendToggleSelect', selected);
    onOff = false;
  }
});
2017年9月11日 06:06