目录
一、问题
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端解决方法
(待写....)