echarts自定义tooltip如何绑定事件

使用tooltip的时候需要自定义样式以及在其中绑定事件如何实现

先看最终实现

样式实现不是重点 重点是如果我选择以DOM的方式来渲染该弹窗其中的事件如何绑定 直接上代码

需要注意的是formatter 只能解析html字符串 解析不了Vue.extend()生成的实例  所以如果到此结束的话 ，不仅事件无法绑定就连定义好的DOM都无法渲染上 想了许久如上图所示两处重点便是解决办法 如果好奇 console便知 如此绑定事件便搞定了

但是代码到此还没完这样写可能会报错

这是因为vue有两种形式的代码 compiler（模板）模式和runtime模式（运行时），具体在此不多赘述

你的main里面可能是这样写的

解决办法改成手动挂载入下图所示，还要在 vue.config中加上runtimeCompiler:true (此处为重点)

如此这般自定义tooltip绑定事件便完成了！如有其它方案欢迎大家与我讨论~

---