VUE实现echarts图形，结合后端动态加载

首先在VUE中安装好echarts插件 npm install echarts -S

然后在main.js引入

接下来在vue中进行数据获取与渲染

打印数据获取结果

后端部分代码：

初始化下面部分变量，因为数据库以及表还没确定，所以临时手动设置，之后会以配置文件的形式来动态获取，由于此处暂没做JSON格式化，因此上图做了JSON.parse转换

最终运行结果

细节处理此处不赘述

另外做的时候发现地图一直不出来，数据能获得。郁闷许久，终于发现需要单独引入china.js，而这个JS在安装echarts插件后存在在VUE项目的此路径下，直接引入即可

运行结果