Echars 双击Legend 显示自己隐藏其他Legend

经过小弟大量翻API 以及百度终于实现了自己想要的结果，因为EcharsAPI上没有双击Legend的事件所以得需要自己构造，其代码以及注释在下面代码，如果想要js包可以上本人的下载上去下载免费

<html><head><meta charset="UTF-8"><title>Hello queue</title><script type="text/javascript" src="../js/sockjs.min.js"></script><script type="text/javascript" src="../js/stomp.min.js"></script><script type="text/javascript" src="../js/echarts/echarts.min.js"></script><script type="text/javascript" src="../js/echarts/bmap.min.js"></script><script type="text/javascript" src="../js/echarts/dataTool.min.js"></script><script type="text/javascript" src="../js/echarts/echarts-gl.min.js"></script><script type="text/javascript" src="../js/echarts/ecStat.min.js"></script><script type="text/javascript" src="../js/echarts/simplex.js"></script><script type="text/javascript" src="../js/echarts/world.js"></script><script type="text/javascript" src="../js/jquery.min.js"></script>
</head><body><div style=" height: 600px;margin-top:0px;" id="chart"></div>
</body>
<script>var time1 = new Date();$(document).ready(function() {var chart = echarts.init(document.getElementById('chart'));var legendData = ['邮件营销', '联盟广告', '视频广告', '直接访问', '搜索引擎'];options = {title: {text: '折线图堆叠'},tooltip: {trigger: 'axis'},legend: {data: legendData,// selected: titles,},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]}]};dbUnSelectExpectMyself(chart, legendData);chart.setOption(options, true);})function dbUnSelectExpectMyself(chart, legendData) {//定义当前点击的标签var legendWai = "";chart.on('legendselectchanged', function(obj) {//判断当前双击还是单单击var j = shuangJi();//如果为单机获取给当前的legent赋值if (j == 1) {legendWai = obj.name;}//如果为双击 进行隐藏和显示if (j == 2) {for (var i = 0; i < legendData.length; i++) {//显示当前legent 关闭非当前legentif (legendWai == legendData[i]) {chart.dispatchAction({type: 'legendSelect',name: legendData[i]});} else {chart.dispatchAction({type: 'legendUnSelect',name: legendData[i]});}}}});}//判断单双击函数function shuangJi() {var time2 = new Date();//第二次时间减去第一次时间小于300ms为双击事件，否则为单击事件 if (time2 - time1 < 300) {return 2;} else {//如果为单击事件 则更新当前第一次时间time1 = time2;return 1;}}
</script>
</html>

Echars 双击Legend 显示自己隐藏其他Legend相关推荐

legend分栏 matlab_Matlab设置Legend横排、分块
高级用法1:指定legend显示的位置: legend({'str1','str2','strn'},'Location','SouthEast'); 比较鸡肋,画好图后树手动拖动就好了高级用法2: ...
Matlab中legend()函数：标注的显示及隐藏用法
h1=plot(x1,y1); h2=plot(x2,y2); h3=plot(x3,y3); h4=plot(x4,y4); legend([h1 h3],'x1-y1','x3-y3'); 四线, ...
Matlab中legend()函数的用法：实现标注的显示及隐藏
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录一.legend()函数用法二.使用步骤 1.简单代码 2.运行结果总结一.legend()函数用法 Matlab中l ...
文档注释快捷键_自学PS：图像添加注释有什么用？如何显示或隐藏额外内容？...
大家好,这里是小波自学,我是小波. 今天我还是继续来学习PS的辅助工具.昨天学习的辅助工具有标尺.参考线.智能参考线和网格,那今天就来学习另外的四个辅助工具,它们分别是为图像添加注释.导入注释.启用对 ...
setactive隐藏之后无法显示_WPS表格：如何显示和隐藏顶部工具栏？
表格顶部功能区的工具栏,提供了很多实用的工具按钮,这在工作中是必不可少的.但是有些时候需要扩大屏幕的显示面积,增加表格的可视化视野,这个时候就可以考虑关闭工具栏,最大限度的显示表格. 我们在WPS20 ...
win10显示桌面计算机图标怎么删除,怎么设置显示或隐藏win10系统桌面上的我的电脑图标...
怎么设置显示或隐藏win10系统桌面上的我的电脑图标今天给大家介绍一下怎么设置显示或隐藏win10系统桌面上的我的电脑图标的具体操作步骤. 1. 打开电脑,进入桌面,空白位置,右键,选择个性化选项 ...
计算机如何把文件设为隐藏,已知文件类型的扩展名如何设置显示与隐藏?
当你想把文件扩展名隐藏或是显示的时候,有木有突然感觉有那么一瞬间皱着眉头过呢?当你想要设置显示与隐藏扩展名的时候却莫名其妙的发现"隐藏已知文件类型的扩展名"这一项选不见了,心理莫名 ...
合并图层和拼合图稿，锁定与解锁图层，显示与隐藏图层，剪切蒙版，了解图层样式面板，创建图形样式，编辑图形样式
合并图层和拼合图稿:先创建两个图层,然后选择两个图层,点击,选择合并所选图层.拼合图稿是点击需要拼合到的图层,,选择拼合图稿.就可以拼合在一起了. 锁定与解锁图层:就是锁住图层和不锁图层显示与隐藏图 ...
2.23怎么在OrCAD原理图中显示与隐藏元器件的Value值？【OrCAD原理图封装库50问解析】
笔者电子信息专业硕士毕业,获得过多次电子设计大赛.大学生智能车.数学建模国奖,现就职于南京某半导体芯片公司,从事硬件研发,电路设计研究.对于学电子的小伙伴,深知入门的不易,特开次博客交流分享经验,共同 ...
文件或文件夹无法显示或隐藏的解决办法
一直想写这篇文章可是网吧的系统不让用注册表,主要是打开注册表3秒就关闭了,虽然可以用命令搞定不过很累人的.于是昨天我回家准备了下,因为家里没有网所有我用的是系统自带的截图工具大家就凑和的看吧我提宝贵意 ...

Echars 双击Legend 显示自己隐藏其他Legend

Echars 双击Legend 显示自己隐藏其他Legend相关推荐

最新文章

热门文章