如何在echarts tooltip formatter witch react中处理点击事件？

Question

formatter: (params, ticket, callback) => {
            return `<div class='exp-charts-tooltip'>
                <a class='exp-charts-tooltip-link' href="javascript:void(0);" onClick=${myCustomFunc(123)}>查看</a>
            </div>`
}

如何在echarts tooltip formatter中处理点击事件，我想在反应组件中处理事件，而不是全局范围，谢谢~。

Answer 1

Formatter对你的前端框架一无所知，因此从它那里返回除了HTML以外的东西是没有意义的。我没有使用React，但一定有一个 调用处理程序的方式 外面的。无论如何，你可以尝试处理 click 从全球范围内。

document.querySelector('body').addEventListener('click', e => {
  if(e.target.classList.contains('exp-charts-tooltip-link')){
    // do something ...
  }
});