先说下需求:在多y轴的折柱混合图,点击图例时,对应的图会隐藏,但是对应的y轴的线和y轴上的那么不会隐藏。
因为是点击图例,所以这里用到点击事件,Echarts有 legendselectchanged 事件,如下代码:
//图例切换时y轴坐标不隐藏问题
chart.on("legendselectchanged", function (e) { console.log("点击了", e);myChart.setOption({yAxis: Object.keys(e.selected).map((item) => {return {show: e.selected[item],};}),});});window.addEventListener("resize", function () {chart.resize(); // chart 是实例对象});