echarts - 捕捉折线图中的点击事件(ngx-echarts)

Question

我在我的项目中使用的是echarts Angular版本- ngx-echarts。我想捕捉在折线图上完成的点击事件。 chartClick 或 ngx-echarts 库的任何鼠标事件不适用于折线图，但它们适用于条形图。如何使用ngx-echarts捕捉折线图中的点击事件

<div echarts [options]="chartOption" 
    (chartClick)="onChartEvent($event, 'chartClick')">
</div>

onChartEvent(event: any, type: string) {
    console.log('chart event:', type, event);
}

即使执行点击，逻辑实体也不会进入 onChartEvent 函数

Answer 1

您可以通过这种方式完成。当你构建你的选项时，在系列对象中填充:

series: [
                { // your bar
                    type: 'bar',
                    barWidth: '30%',
                    data: myData
                },
                { // shadow bar
                    type: 'bar',
                    barWidth: '30%',
                    itemStyle: {
                        // transparent bar
                        normal: { color: 'rgba(0, 0, 0, 0)' }
                    },
                    barGap: '-100%',
                    data: myDataShadow,
                    animation: false
                }
]

其中 myDataShow 是 myData 的副本。

我建议您将最大值放在 myDataShadow 的所有位置，以使所有栏都可点击。