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

目录

一、问题

二、原因

三、解决办法

四、效果 

---

一、问题

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

二、原因

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

三、h5解决办法

• 在main.js中加入这行代码，将Windows对象中的wx属性重新赋值就可以解决了。

window.wx = {}

•  echarts.min.js动态引入方式，写在mounted函数里初始化（可忽略）

<script module="echarts" lang="renderjs">
mounted() {
    //数据的初始化
	if (typeof window.echarts === 'function') {
        //调用渲染加载图表方法
		//this.mYChartmap()
	} else {
		// 动态引入较大类库避免影响页面展示
		const script = document.createElement('script')
		script.src = 'static/echarts/echarts.min.js'
		script.onload = this.mYChartmap.bind(this)
		document.head.appendChild(script)
	}
}
</script>

四、效果 

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

五、app端解决方法

（待写....）