vue中使用echart的map

1.在vue中使用echart

參考：
在 webpack 中使用 ECharts
直接執行命令：
npm install echarts --save
並且在main.js檔案新增下面程式碼，引入echart的全部元件

import echarts from 'echarts'
Vue.prototype.$echarts = echarts

之後就可以在其他vue檔案用this.$echarts引用echart的。

1.使用map

按照以上方式使用echart來畫普通的圖都可以正常畫出，但是在進行模仿別人的demo時，會出現Echart not loaded的錯誤。
然後在網上找解決方案：
方案1
echart只顯示南海
在Vue專案中使用Echarts(五): Echarts繪製地圖
看過的方案基本都是說echart3.x少了china.js或者world.js。
但是顯然我的是4.x.裡面已經打包了map需要的js檔案或者json檔案。但是自己還傻乎乎地尋找。
最後，看到了這篇文章暴露echart，所以我在想是不是我全域性引用了，但是china.js中沒有找到echarts。就試試再次在元件中暴露一下echart。於是成功了。
即在使用的vue檔案下新增：

import echarts from 'echarts/lib/echarts';
import 'echarts/map/js/china.js';

按照以上，結合在Vue專案中使用Echarts(五): Echarts繪製地圖該教程，可以完成地圖的顯示了。