2019独角兽企业重金招聘Python工程师标准>>>

myChart.on('click', function (param) {
// alert(json.stringify(param));//这里根据param填写你的跳转逻辑

mes=param.dataIndex+1; //      输出点击柱子的index

mes=param.data;    //      输出点击柱子的数组

mes=param.data[0];   //      输出点击柱子的具体的某个数据

document.getElementById('console').innerHTML = mes; //付给指定的div

param 对象里面主要含有下面属性

  1. Object

    1. $vars:Array[3]
    2. data:90
    3. dataIndex:6
    4. event:Object
    5. name:"14"
    6. seriesIndex:0
    7. seriesName:"计量点压力"
    8. type:"click"
    9. value:90

代码片段

    var myChart4 = echarts.init(document.getElementById('barchart1'), theme);myChart4.setOption(option4);echarts.connect([myChart1, myChart2, myChart3, myChart4]);ObjectResize(myChart4.resize);function chartClick(param) {document.getElementById('console1').innerHTML = option3.xAxis.data[param.dataIndex]document.getElementById('console2').innerHTML = " P:" + option2.series[0].data[param.dataIndex] + " bar(abs)"document.getElementById('console3').innerHTML = " Qb:" + option3.series[0].data[param.dataIndex] + " Sm3/h"document.getElementById('console4').innerHTML = " Q:" + option3.series[1].data[param.dataIndex] + " Sm3/h"document.getElementById('console5').innerHTML = " Qb:" + option4.series[0].data[param.dataIndex] + " Sm3/h"document.getElementById('console6').innerHTML = option4.xAxis.data[param.dataIndex]document.getElementById('h-xslj').innerHTML = "小时累计供气量"}myChart1.on('click', chartClick);myChart2.on('click', chartClick);myChart3.on('click', chartClick);myChart4.on('click', chartClick);

转载于:https://my.oschina.net/u/2612473/blog/631125

echart3 click点击事件使用相关推荐

  1. knockout click点击事件及事件源解释

    绑定click点击事件示例 <body>you've clicked<span data-bind="text:number"></span>& ...

  2. js blur失焦事件与click点击事件冲突

    场景:输入框绑定blur失焦事件,focus后点击按钮,触发了输入框的blur事件,但是按钮点击事件没有触发. 原因:blur失焦事件的优先级比click点击事件高. 解决方法: 1.都触发 blur ...

  3. uniapp 真机调试 click点击事件无效

    问题分析: (网络上普遍答案,但不能确定是否是这个原因导致) 移动端的主要问题是click会有200-300ms的延迟,主要原因是苹果手机在设计时,考虑到用户在浏览网页时需要放大,所以,在用户点击的3 ...

  4. layui lay-active 实现button click点击事件

    layui lay-active 实现button click点击事件 已有的解决方案 1. js实现 2. jQuery实现 lay-active实现 传递参数 已有的解决方案 1. js实现 HT ...

  5. ECharts 全局触发click点击事件(Label及柱状)

    // 基于准备好的dom,初始化echarts实例 let myChart = this.$echarts.init(document.getElementById('myChart')); 前言 需 ...

  6. iOS Safari 中click点击事件失效的解决办法

    转载自:https://www.cnblogs.com/Steping/p/5737547.html 问题起因: 在微信公众号开发(微站)过程中用jquery的live方法绑定的click事件点击无效 ...

  7. Html点击按钮时 修改某个标签的 click点击事件

    解决的问题:当图片点击时 给另外一个div里面的li标签赋予 点击事件 主要核心代码 $(".delMember").attr('onclick', '').unbind('cli ...

  8. click事件在什么时候出发_剖析setTimeout和click点击事件的触发顺序

    下面是一段非常简单的JavaScript代码 dianji setTimeout(function () { alert('timer handler') }, 2000) function test ...

  9. 阻止click点击事件

    网上查了后有一下几种实现方法 1.css禁用鼠标点击事件 .disabled { pointer-events: none; } 注:(这个没有试过) 2.直接使用阻止事件的进行 e.stopProp ...

最新文章

  1. 独家 | Facebook AI发布DETR一种基于Transformer的对象检测方法!
  2. 一年过去了,25万月薪的AI工程师还存在吗?
  3. Android 最火的快速开发框架XUtils
  4. Chord 弦 - 一个现代音乐播放器
  5. 使用信号量实现进程间同步
  6. 【爬虫】Scrapy爬取腾讯社招信息
  7. 02.es的节点发现和集群构建
  8. linux 进程的缓存区,Linux-标准I/O缓冲区位于进程中那个位置,堆区?栈区?还是其他位置?...
  9. Atitit NER实体命名识别(Name Entity Recognition 目录 1.1. a. NER实体命名识别(Name Entity Recognition)   1 2. NER抽
  10. 微信扫二维码下载apk跳转浏览器打开的方式(及微信屏蔽下载解决方案)
  11. 系统设计师之路·第二节·看山是山,看水是水——设计师的三种境界
  12. 一个 pcie 插槽损坏的 h77n-wifi(BIOS添加nvme模块实现pcie启动操作系统)
  13. Python3网络爬虫(十三):王者荣耀那些事!(Fiddler之手机APP爬取)
  14. LC1665. 完成所有任务的最少初始能量(推公式贪心)
  15. 分析大家都不陌生的蹲打
  16. python基础(第九章)面向对象
  17. linux门禁软件,基于ARM9与Linux的门禁监控系统软件设计
  18. 智能路灯引路冰蓄冷替空调
  19. 4核cpu云服务器性能,4核cpu云服务器性能测试
  20. 科技周刊第七期:关于熟练程度的等级

热门文章

  1. C++ 常量类型 const 详解
  2. WebSphere中连接池的配置
  3. 程序员身体容易出什么毛病..
  4. 多个漏洞可导致施耐德电气继电器遭重启或设备遭接管
  5. VMware:警惕 vSphere Web Client中的新漏洞
  6. 联发科固件现窃听漏洞,影响全球约三分之一的手机和物联网设备
  7. 隐藏十年的 Sudo 漏洞 (CVE-2021-3156) 还影响 macOS 和 IBM IAX
  8. GitHub 源代码疑遭泄漏
  9. Windows Server 2008 R2正式版尝鲜体验
  10. [mark] first shellcode