一. 普通點擊事件

只有點擊折線點或柱子等相應的地方才會觸發click事件

myChart.on('click', function (params) {me.clickDailyChart(params.name); });

name: x軸的label

二. 精準點擊事件

對整個圖表的點擊事件進行監聽，通過點的坐標來找到數組下標，任何位置可觸發點擊事件 this.myChart.getZr().on('click', function (param) {const pointInPixel = [param.offsetX,param.offsetY,];if (me.myChart.containPixel('grid', pointInPixel)) {const index = me.myChart.convertFromPixel({seriesIndex: 0}, pointInPixel)[0];const op = myChart.getOption();const name = op.xAxis[0].data[index ];me.clickMyChart(param,index);}});

通過point得到點擊的坐標點x和y。

三. 其他點擊事件

圖例點擊事件 this.totalChart.on('legendselectchanged', legend => {me.clickTotalChart(legend);});

取消點擊：

legend: {selectedMode:false,//取消圖例上的點擊事件data:[] }

?

各種點擊事件

四. 取消點擊事件

myChart.getZr().off('click');

有時因為嵌套關系，點擊事件會觸發冒泡，會執行兩次點擊事件，在點擊事件之前加一個off事件，避免點擊時發生二次調用的問題。

?

總結

以上是生活随笔為你收集整理的Echarts点击事件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。