echart3 click点击事件使用 原
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 对象里面主要含有下面属性
- Object
- $vars:Array[3]
- data:90
- dataIndex:6
- event:Object
- name:"14"
- seriesIndex:0
- seriesName:"计量点压力"
- type:"click"
- 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);(adsbygoogle = window.adsbygoogle || []).push({});
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2016/03/04 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读