您的位置:首页 > 其它

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);
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: