美文网首页
记一次Echarts 提示框不展示的BUG tooltip组

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

作者: lihao_李浩 | 来源:发表于2019-03-08 15:08 被阅读0次

    背景

    忽然有一天,前端一位同事提醒我,咱们的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

    相关文章

      网友评论

          本文标题:记一次Echarts 提示框不展示的BUG tooltip组

          本文链接:https://www.haomeiwen.com/subject/siyrpqtx.html