背景:使用uni-app开发h5,其中一个页面含有echarts-关系图,需要可拖拽与缩放
问题:在h5下不能拖拽与缩放,在pc下正常
问题排查:
1、官网模板代码在h5下能拖拽与缩放 => 怀疑是echarts版本问题 更换为模板代码使用的版本 =>依旧不生效
2、将相同的代码放在新开的html页面 能拖拽与缩放 => 不是代码的问题
3、上网查找解决办法 发现https://ask.dcloud.net.cn/question/88473
原因:echarts自带运行环境的判断,而在h5环境中,存在全局变量wx。在引用echarts前设置wx为undefined
init() {
window.wx = undefined; // echarts自带运行环境的判断,而在h5环境中,存在全局变量wx。在引用echarts前设置wx为undefined
const echarts = require("@/common/js/plugins/echarts.min.js");
const myChart = echarts.init(this.$refs.pieEcharts);
.....
}