echart3 多图联动获取点击的数据,并把每个图上的数据取出后放入各自的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);

你可能感兴趣的:(echart3 多图联动获取点击的数据,并把每个图上的数据取出后放入各自的div中)