echarts图例组件点击显示功能(默认功能点击消失)
varmyChart=echarts.init(document.getElementById('main'));varoption={title:{text:'折线图堆叠'},tooltip:{trigger:'axis'},legend:{data:['邮件营销','联盟广告','视频广告','直接访问','搜索引擎']},grid:{left:'3%',right:'4%',bottom:'3%',containLabel:true},toolbox:{feature:{saveAsImage:{}}},xAxis:{type:'category',boundaryGap:false,data:['周一','周二','周三','周四','周五','周六','周日']},yAxis:{type:'value'},series:[{name:'邮件营销',type:'line',stack:'总量',data:[120,132,101,134,90,230,210]},{name:'联盟广告',type:'line',stack:'总量',data:[220,182,191,234,290,330,310]},{name:'视频广告',type:'line',stack:'总量',data:[150,232,201,154,190,330,410]},{name:'直接访问',type:'line',stack:'总量',data:[320,332,301,334,390,330,320]},{name:'搜索引擎',type:'line',stack:'总量',data:[820,932,901,934,1290,1330,1320]}]};myChart.setOption(option);myChart.on('legendselectchanged',function(params){letoption=this.getOption();letselect_key=Object.keys(params.selected);if(!params.selected[params.name]){select_key.map(res=>{option.legend[0].selected[res]=!params.selected[res];});}else{select_key.map(res=>{option.legend[0].selected[res]=false;});option.legend[0].selected[params.name]=true;}this.setOption(option)});
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。