【echarts】【前端】点击图例，只有被点击图例对应的折线显示，其他隐藏

最近在做一个功能：用echarts做一张折线图，图中有多条线。在初始状态，所有折线都显示，然后点击其中一个图例，其他折线会隐藏。

借用了https://www.cnblogs.com/shj-com/p/11327072.html 的思路。在他的基础上重写了。

效果是这样的（option设置使用了echarts的官方案例）：

刚初始化好：

点击“邮件营销”：

再点击“联盟广告”：

 

$(document).ready(function(){
 var chart = echarts.init(document.getElementById('chart'));
 
     // for blog example - from https://www.echartsjs.com/exam