1. 程式人生 > >ECharts 點選非圖表區域的點選事件不觸發問題

ECharts 點選非圖表區域的點選事件不觸發問題

1. 通過 myChart.getZr().on('click', fn) 監聽整個圖表的點選事件,註冊回撥

myChart.getZr().on('click', () => {
    //拿到index即可取出被點選資料的所有資訊
    console.log(clickIndex)
})

2. 在 tooltipformatter 函式中,每次呼叫都記錄下需要的引數(一般取dataIndex),在回撥中使用引數

var clickIndex
let option = {
    tooltip: 'axis',
    formatter: val => {
        clickIndex = val[0].dataIndex
        return 'tooltip'
    }
}

參考: https://github.com/apache/incubator-echarts/issues/4375