echart3 click点击事件使用

myChart.on('click', function (param) {
// alert(json.stringify(param));//这里根据param填写你的跳转逻辑javascript

    mes=param.dataIndex+1; //      输出点击柱子的index   java

    mes=param.data;    //      输出点击柱子的数组json

     mes=param.data[0];   //      输出点击柱子的具体的某个数据数组

     document.getElementById('console').innerHTML = mes; //付给指定的divecharts

    param 对象里面主要含有下面属性code

  1. 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);
相关文章
相关标签/搜索