如何判断ECharts点击事件的实际目标：精准识别标记点点击

要实现仅在点击绿色方块标记时触发弹窗，可通过点击事件参数params区分点击的是标注线还是标记点，具体方法如下：

核心思路 #

点击MarkLine的线和标记点时，ECharts返回的params对象存在明显差异：

• 点击标注线：params.data为MarkLine配置的完整数据数组
• 点击标记点：params.data为数组中的单个数据项

修改后的代码 #

myChart.on('click', "series.markLine", function(params) {
  // 判断是否点击的是绿色方块标记
  if (params.data && !Array.isArray(params.data)) {
    console.log('点击了绿色方块标记', params);
    // 这里执行弹窗显示标注内容的逻辑
  }
})

补充验证（可选） #

如果你的MarkLine配置中给标记点单独指定了symbol（比如square），还可以通过params.symbol进一步精准判断：

if (params.data && !Array.isArray(params.data) && params.symbol === 'square') {
  // 处理标记点点击逻辑
}

内容的提问来源于stack exchange，提问作者Alice