echart3 多图联动获取点击的数据,并把每个图上的数据取出后放入各自的div中
2016-03-09 00:00
281 查看
摘要: 最近需要用到echart多图联动,为了方便查看每个时间点的不同类型的数据,需要取出点击时的数据,并放到单独的div
首先建立3个span
<span id="console1">123</span>
<span id="console2">123</span>
<span id="console3">123</span>
<span id="console4">123</span>
function chartClick(param){
document.getElementById('console1').innerHTML=" T:"+ option1.series[0].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"
}
myChart1.on('click',chartClick);
myChart2.on('click',chartClick);
myChart3.on('click',chartClick);
首先建立3个span
<span id="console1">123</span>
<span id="console2">123</span>
<span id="console3">123</span>
<span id="console4">123</span>
function chartClick(param){
document.getElementById('console1').innerHTML=" T:"+ option1.series[0].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"
}
myChart1.on('click',chartClick);
myChart2.on('click',chartClick);
myChart3.on('click',chartClick);
相关文章推荐
- Struts2Utils 工具类
- 2015 数据迁移报错
- 你认为Linux运维人员应该掌握一门编程语言吗?
- Could not instantiate class named MKMapView
- 在MAC上.sh command not found?
- OC高效率52之以“自动释放池块”降低内存峰值
- KeyMob:移动广告聚合一站式投放平台
- KeyMob移动广告聚合——更好服务于应用开发者
- 移动聚合广告平台KeyMob:推出广告聚合、应用交叉推广等功能
- KeyMob:一站式移动广告聚合管理工具
- 不可小看的移动广告聚合平台-KeyMob
- 最稳定移动聚合广告平台“KeyMob”
- 名厨驾到,约吗?
- 奏是这么Q!看宝宝如何萌翻您!
- F5云爆发解决方案助力教育行业实现业务爆发的私有云和公有云服务
- 您能想象世界没有了应用会变成什么样吗?
- F5:传递梦想,以爱之名
- toString()以及__toString()
- 使用 Emmet 提高编写 CSS 的效率
- ThinkPHP框架系统源码解析——URL路由解析