博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Echarts使用一个图例legend实现全选和全部取消的功能
阅读量:5140 次
发布时间:2019-06-13

本文共 728 字,大约阅读时间需要 2 分钟。

1、修改legend的data值,在前面加上全选和全不选,data = ['全选','全不选',1,2,3]

2、监听 legendselectchanged事件

/ 使用刚指定的配置项和数据显示图表var selectArr = option.legend.data;myChart.on('legendselectchanged', function(obj) {var selected = obj.selected;var name = obj.name;// 使用 legendToggleSelect Action 会重新触发 legendselectchanged Event,导致本函数重复运行// 使得 无 selected 对象if (name == '全选') {
//需要配置一个legend为‘全选’的名称//alert("33");var flag = $(this).attr('flag');if(flag == 1){var val = false;$(this).attr('flag',0);$(this).val('全选中');}else{var val = true;$(this).attr('flag',1);$(this).val('全不选');}var obj = {};for(var key in selectArr){obj[selectArr[key]] = val;}option.legend.selected = obj;myChart.setOption(option);}});

 

转载于:https://www.cnblogs.com/yun1108/p/10971424.html

你可能感兴趣的文章
wow 各职业体验(pvp)
查看>>
Streaming的receiver模式
查看>>
[转载]一个人的失败,99%失败于“脾气”
查看>>
【Nowcoder】玩游戏
查看>>
过滤器(Filter)
查看>>
字符串的操作
查看>>
性能优化之Java(Android)代码优化
查看>>
springMVC相关—文件上传
查看>>
由Oracle 11g SYSAUX 和 SYSTEM 表空间回收引发的联想
查看>>
uva 1416 Warfare And Logistics
查看>>
欲则不达
查看>>
盒子游戏
查看>>
OpenJudgeP1.10.08:病人排队__(刷题)_水题
查看>>
观察者模式
查看>>
Hadoop分布式文件系统中架构和设计要点汇总
查看>>
cout和printf
查看>>
UVa 10088 - Trees on My Island (pick定理)
查看>>
#C++PrimerPlus# Chapter11_Exersice4_mytimeV4
查看>>
iOS8 针对开发者所拥有的新特性汇总如下
查看>>
Jmeter + Grafana搭建实时监控可视化
查看>>