echarts重写图例点击事件
来源:互联网 发布:java开发外包 编辑:程序博客网 时间:2024/06/07 20:31
echarts version: 3.1.2
修改图例点击事件样例代码:
- 当第一次点击图例时,只显示点击的图例。
- 当还剩一个图例被
取消选中
后,自动全选中所有图例。
var triggerAction = function(action, selected) { legend = []; for ( name in selected) { if (selected.hasOwnProperty(name)) { legend.push({name: name}); } } myChart.dispatchAction({ type: action, batch: legend }); }; var isFirstUnSelect = function(selected) { var unSelectedCount = 0; for ( name in selected) { if (!selected.hasOwnProperty(name)) { continue; } if (selected[name] == false) { ++unSelectedCount; } } return unSelectedCount==1; }; var isAllUnSelected = function(selected) { var selectedCount = 0; for ( name in selected) { if (!selected.hasOwnProperty(name)) { continue; } // 所有 selected Object 里面 true 代表 selected, false 代表 unselected if (selected[name] == true) { ++selectedCount; } } return selectedCount==0; }; myChart.on('legendselectchanged', function(obj) { var selected = obj.selected; var legend = obj.name; // 使用 legendToggleSelect Action 会重新触发 legendselectchanged Event,导致本函数重复运行 // 使得 无 selected 对象 if (selected != undefined) { if (isFirstUnSelect(selected)) { triggerAction('legendToggleSelect', selected); } else if (isAllUnSelected(selected)) { triggerAction('legendSelect', selected); } } });
阅读全文
0 0
- echarts重写图例点击事件
- ECharts重写鼠标右键点击事件
- echarts 取消图例上的点击事件和图表上鼠标滑过点击事件
- chart 图例点击事件
- 自定义图例点击事件
- echarts 点击事件
- echarts添加点击事件
- ECharts 添加点击事件
- Charts.js 图例添加点击事件
- Echarts柱状图的点击事件
- echarts饼图点击事件
- Echarts折线图点击事件
- tablayout重写点击事件
- echarts自定义lengend图例
- Echarts 图例手动换行
- echarts图例分页显示
- .net重写菜单栏点击事件
- 重写TabLayout的点击事件
- win10 下运行scrapy startproject tutorial 报错 “ImportError:DLL load failed”
- PHP数组转json
- qt快捷键
- 在win10系统下不能运行VC++6.0的解决方法
- python基础name&direction
- echarts重写图例点击事件
- 虚拟币开发专题(关于山寨币的区块链你了解多少)
- bootstraptable的加载刷新数据
- JavaDay04循环题目的简单思路(菱形,日历)随机数,函数
- Codeforces #835B: The Number on the Board 题解
- Java代码优化
- Netty连接池ChannelPool,FixedChannelPool应用
- 一些常用的资源框架
- 工作流学习——Activiti整体认识二步曲