记一次Echarts 提示框不展示的BUG tooltip组件

背景

忽然有一天,前端一位同事提醒我,咱们的echarts组件为什么提示组件都不能用了?
刚开始我还以为是版本的问题,项目里面的使用的echarts版本为4.1.0,切换为最新的果然好了,
但是问题远远不是这么简单。。。

image.png

image.png

一探究竟

虽然换个版本提示能提示了 但是提示框里面的
会被显示出来,我看了下线上的版本echarts是有提示的,这就证明是我项目里面的某一段代码影响的。
解决思路:

  • 版本回退 git reset --hard HEAD^
  • 定位到哪一次提交引发的问题
  • 查看提交的变动,定位变动位置
  • 发现问题解决问题

出现问题的点

果然在我回退几个版本的时候 提示组件出现了,发现是因为我把小程序的环境转化到了后台引起的,
echarts在前一段时间兼容了小程序,也就是同一个 echarts组件可以同时兼容 web端和 小程序端,那它是如何区分当前的程序运行环境呢?
通过查看echarts源码我们不难发现 他通过判断wx这个全局变量来 断定当前的运行环境,
所以问题找到了,因为我把小程序转换到了web端所以 是有wx这个全局变量


image.png
image.png

解决版本

删除前端的getSystemInfoSync属性就好了

image.png

你可能感兴趣的:(记一次Echarts 提示框不展示的BUG tooltip组件)