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

 

      // 下面为重新给图表赋值
        option2.xAxis.data = ['8时', '9时', '10时', '11时', '12时', '13时', '14时', '15时', '16时', '17时', '18时', '19时','20时'];
        option2.series[0].data = [2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 150, 32.6, 20.0, 6.4, 3.3, 6.4];
        myChart2.setOption(option2);
            });

       // 下面为点击图表链接到另一个页面类似于a超链接

       myChart2.on('click', function () {
       location.href="dayChartDetail.html"
        });

你可能感兴趣的:(echart3 click点击事件使用)