如何通过单击echarts中的数据点以外的位置来选择线图？

Question

我正在使用echarts来可视化多个线条图。当我准确地单击一个数据点时，我可以选择一个特定的线条图。但是，如果我单击行的其他地方，在没有数据池关联的地方，图表就不会被选中。我知道鼠标悬停有一个焦点特性。我希望使用单击事件具有相同的功能。我正在使用以下方法，但我不知道如何实现它。

    myChart.getZr().on('click', params => {
        //to be implemented

     })

下面是在echarts上悬停效果的配置示例：https://echarts.apache.org/examples/en/editor.html?c=multiple-x-axis

Answer 1

我用填充区解决了这个问题

我将areaStyle: {}放入“系列”选项中，然后添加以下事件处理程序，如这

myChart.getZr().on('click', function (params) {
                                Object.keys(params.target).filter(key => key.includes(
                                    '__ec_inner_')).filter(key => params.target[key]
                                    .seriesIndex != undefined).forEach(key => {
                                            console.log(option.series[params.target[key]
                                                .seriesIndex].name)
                                    
                                })
                            });