echarts 折线堆叠图点击没有反应

Question

如图，渲染好了图标，想要添加点击事件
代码如下：

 myChart1.setOption({
            title: {
                text: '危险用词、负面用词趋势图',
                left: 'center',
                textStyle: {
                    fontSize: 14
                }
            },
            legend: {
                data: ['负面用词', '危险用词'],
                x: 'center',
                y: 'bottom'
            },
            tooltip: {
                trigger: 'axis'
            },
            xAxis: {
                data: reply.date,
                boundaryGap: false
            },
            yAxis: {},
            series: [
                {name: '危险用词', type: 'line', data: reply.lineData[1], stack: '总量', color: ['rgb(189,215,238)'], areaStyle: {normal: {color: 'rgb(189,215,238)', opacity: 1}}, symbol: 'none'},
                {name: '负面用词', type: 'line', data: reply.lineData[0], stack: '总量', color: ['rgb(132,196,244)'], areaStyle: {normal: {color: 'rgb(132,196,244)', opacity: 1}}, symbol: 'none' }
            ]

        });
       
        myChart1.on('click', function (params) {
            console.log(params.name)
        });

点击折线图的时候没有反应，控制台不打印，也不报错，很无语

Answer 1

直接chart.on只有点击图中的点区域有效果，更多的的区域需要使用chart.getZr().on