vue引用多版本Echarts解决5+版本中国地图缺失问题

因为项目中需要Echarts5的相关功能，且需要加载出中国地图，但是Echarts官方在5+版本中移除了echarts/map/china.js文件。

以下是官方的说明：

这样以来就无法渲染出完整的中国地图。经过多次尝试，最终通过同时引入Echarts4、Echarts5 两个版本得以解决，地图组件中使用Echarts4，其余组件均使用Echarts5。

npm install echarts@5.3.0
npm install echarts4@npm:echarts@^4.9.0

main.js中

import * as echarts from 'echarts'
import * as echarts4 from 'echarts4'

// 中国地图的json https://geo.datav.aliyun.com/areas_v3/bound/100000_full.json
import chinaMap from '@/assets/china.json'
// 加载echarts4版本总的china.js
import 'echarts4/map/js/china.js'
// 注册地图
echarts4.registerMap('china', chinaMap)

地图的组件中通过 this.$echarts4.xxx 进行调用即可

this.$echarts4.init(document.getElementById('map'))

完成！