html5中echart的基本使用

Question

echart的基本使用

获取不到里面的子节点

document.getElementById("traceChart").getElementsByTagName("div").getElementsByTagName("canvas").addEventListener("click", function () {
alert(000)
})

我想实现一个点击柱状图能实现弹框的效果

Answer 1

//getElementsByTagName返回文档中所有元素的列表
        var canvas= document.getElementById("traceChart").getElementsByTagName("div")[0].getElementsByTagName("canvas");
        for(let i=0;i<canvas.length;i++){
            canvas[i].onclick=function(){
               alert(i)
            }
        }
//或者使用echarts自带方法
       var chartDom = document.getElementById('traceChart');
       var myChart = echarts.init(chartDom);   
        myChart.on('click', function (params) {
            alert('柱状图')
            console.log(params)
        })