echart3 click点击事件使用

最新推荐文章于 2024-04-09 11:31:51 发布

weixin_34377065

最新推荐文章于 2024-04-09 11:31:51 发布

阅读量466

点赞数

文章标签： javascript python json ViewUI

原文链接：https://my.oschina.net/u/2612473/blog/631125

版权

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 对象里面主要含有下面属性

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