记录初学uniapp使用过程遇到的问题（不断补充）

1 问题：图表上点击事件失效

场景：uniapp（H5）+echarts   移动端
 

const chartCon2 = this.$echarts.init(document.getElementById('con2'));
			// var chartCon2 = echarts.init(this.$refs.echart);
			chartCon2.on('click', function (params) {
				console.log(121233332, params);
			});

就是已经获取到了该元素 但是点击事件没有生效 参考了echarts的官网的文档写法基本一样。

解决：发现就是uniapp和最新的echarts版本存在不兼容的问题。

解决方法一：

降级echarts版本 ，缺点降级后图表样式出现变化，需要自己手动调整。

npm install echarts@4.1.0 

解决方法二：

不需要降版本，只需要在获取echarts的时候加上

this.$echarts.env.touchEventsSupported = false;
this.$echarts.env.wxa = false;
	

2 问题：如何导入echarts 

这是官网说明，我第一次使用以为可以直接在main 直接使用npm install echarts --save就实现全局导入 ，还需要挂载。

 解决 ：在main补上Vue.prototype.$echarts = echarts 

在页面就可直接使用this.$echarts

      const chartBox = this.$echarts.init(document.getElementById("main"));