解决vue中使用echarts5.0以上版本插入地图问题

讲一下本人使用echarts插入中国地图遇到的问题，因为公司使用的是5.0.0以上的版本的echarts，但是在网上查到的都是5.0.0以下的版本，通过一天的努力才实现

大家使用5.0.0以下的版本是因为5.0.0以上的版本的echarts没有map地图文件，但是自己可以把5.0.0以下的版本的map文件复制到5.0.0以上的版本里，把

import echarts from 'echarts'

 换成下面的，因为5.0.0以上的版本的echarts不支持旧版的引入方法

import * as echarts from 'echarts';

这样就解决了

 效果图

第一步

安装echarts

npm install echarts -S

第二步 在node_modules里找到echarts文件把下载的map地图文件夹复制到里面

第三步 在main.js中全局引入

//引入echarts
import * as echarts from 'echarts';
import china from 'echarts/map/json/china.json';
echarts.registerMap('china', china);
Vue.prototype.$echarts = echarts;

 第四步 建立echarts组件

第五步在父组件引入组件