Question

echarts给x轴y轴添加不同的事件，不是chart.on(config.EVENT.CLICK,function(){})这种的点击柱状图

是在x轴，点击，比如x轴是，2014，2015，2016，2017，我是要点击x轴这数字，触发点击事件，不是点击柱状图！！！！！求大神帮助

Answer 1

首先设置           

1. 将横坐标的单击事件设置为true，clickable:true
   

    如下：

xAxis : [
                {
                    type : 'category',
                    data : ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'],
                    //设置文字属性
                    axisLabel:{
                        clickable:true
                    }
                }
            ]，

    2.图表对象注册单击事件。

        myChart.on('click', function (params) {
            console.log("测试点击事件",params);
        });

    

追问

我是要在x轴点击触发a函数，x轴上的柱状图点击触发b函数哦，2个事件同时绑上哦，你哪个chart.on（）之能触发一个哦，就是要解决我这个a函数和b函数2个同时绑定上去

追答

单击事件是针对整个图表的

你需要根据params里的值来判断他是点击了柱状图还是点击了x轴标签然后分别调用对应的函数，如下

        myChart.on('click', function (params) {
            if(params.value){
                alert("单击了"+params.name+"柱状图");
            }else{
                alert("单击了"+params.name+"x轴标签");
            }
        });

Answer 2

myChart.getZr().on('click', function (params) {
if (params.topTarget) {
if (params.topTarget.anid) {
alert("点击了x轴标签")
}
}
});

参考：网页链接

Answer 3

在 yAxis或者xAxis里添加triggerEvent:true 既可
xAxis: [
{
type: 'value',
triggerEvent:true
}
]
myChart.on('click', function (params) {
if(params.componentType =="yAxis" || params.componentType =="xAxis" ){
alert(params.value);
}
});