关于vue项目中echart tooltip 的trigger设置为 axis 时tooltip 不显示的问题

如题，当trigger设置为“item”时显示正常，代码如下图

image.png

稍一思索，应该是vue的数据劫持机制导致的问题，解决方法很简单，将echart实例设置为独立的对象即可，如下图

image.png

一个小bug,完美解决

推荐阅读更多精彩内容

• Echart不完全使用小记录

  简单记录一下在项目中使用全过程中遇到了的问题以及踩坑了不熟悉的配置项。前期使用发现配置项太多了，一脸懵逼，后来发现...

  家住魔仙堡的大柠阅读 987评论 0赞 0
• 详解Vue部分面试题

  1、说说你对 SPA 单页面的理解，它的优缺点分别是什么？ SPA（ single-page applic...

  theAngryC4阅读 1,248评论 1赞 2
• 前端面试如何说解vue项目性能优化，你确定不来看看吗？

  文末有福利 面试时，很经常会说对某某项目进行了性能优化，使性能有很大的提高之类的话。如果面试官问，来讲讲做了那些优...

  WEB前端含光阅读 6,648评论 0赞 19
• echart的legend不显示以及设置样式不生效

  使用echart构建了一个折线图，但是legend的文字颜色一直是灰色，和折线的颜色也不同步 经过不断尝试终于找到...

  practise贝阅读 10,672评论 0赞 0
• vue 页面重载echart不显示（非手动刷新浏览器）

  在 Vue 项目中使用 ECharts 时，一开始图表能渲染出来，当切换到其他页面再回来的时候，图表就会不显示。 ...

  乌拉乌拉乌007阅读 1,473评论 0赞 2