ECharts 的 Tooltip 绑定点击事件

效果：

关键代码：

option 配置

tooltip: {
  enterable: true, // 必须项 鼠标是否可进入提示框浮层中
  trigger: 'item', // 触发类型
  formatter: function(e) {
    return (
      `<span onClick="goDetail(\'` + e.name + `\',\' ` + e.value + `\')">${e.name}<span id="detail">&nbsp;&nbsp;详情 >&nbsp;</span><br />${e.value}&nbsp;&nbsp;</span>`
    )
  }
}

css样式

/deep/ #detail {
  color: blue;
}

JS
需挂载到全局，写在 export default {} 的外面

window.goDetail = function(params, key) {
  console.log(params, key)
}

其他实现方式：
在 tooltip 的 formatter 里增加一个变量保存 e.name，通过 watch 监听该变量的变化，调用方法。

https://www.cxyzjd.com/article/yyXieDaiMa/109777551