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

背景

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

image.png

image.png

一探究竟

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

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

出现问题的点

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


image.png
image.png

解决版本

删除前端的getSystemInfoSync属性就好了

image.png

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 给提问的开发者的建议:提问之前先查询 文档、通过社区右上角搜索搜索已经存在的问题。 写一个简明扼要的标题,并且...
    极乐叔阅读 14,770评论 0 3
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,078评论 1 45
  • 因个人精力有限,暂停简书的维护,欢迎大家关注我的知乎https://www.zhihu.com/people/we...
    尾尾阅读 4,924评论 3 13
  • 一个人会害怕很多 不安感压迫紧张的神经 甚至会被无形传染得严重 每个女孩子都爱美 却有一种不敢展现自己美的女孩 而...
    黄土高坡上的风姑娘阅读 1,001评论 0 0
  • 整理下脑袋最近有点乱。先说要做的事情: 自己的开题,到底做什么???这个东西在我心口悬而未决,迟早是个事情。 小车...
    Allen的光影天地阅读 923评论 0 0