uni-app解决echarts在h5、app中tooltips及部分功能失效问题

目录

一、问题

二、原因

三、解决办法

四、效果 


一、问题

echarts图可以加载,tooltips提示框不显示,部分功能不生效。

二、原因

  • echarts 引入的时候,会优先判断当前的环境。由于uni app 中有一个 ‘wx’ 全局变量污染了echarts中的 wx 变量,导致这里的判断直接走第一个,echarts 部分功能无法生效。
  • 以下是echarts.min.js中的截图

uni-app解决echarts在h5、app中tooltips及部分功能失效问题_第1张图片

三、h5解决办法

  • 在main.js中加入这行代码,将Windows对象中的wx属性重新赋值就可以解决了。
window.wx = {}
  •  echarts.min.js动态引入方式,写在mounted函数里初始化(可忽略)

四、效果 

  • 以下是浏览器访问点击tooltips提示效果:

uni-app解决echarts在h5、app中tooltips及部分功能失效问题_第2张图片

五、app端解决方法

(待写....)

你可能感兴趣的:(uni-app,Java,uni-app,echarts,前端框架,vue,前端,h5,app)