vue項目中使用echarts map報錯Cannot read property 'push' of undefined nanhai.js

在vue中繪制地圖需要加載一個本地china.json文件，我用的是get請求的方法加載的，而不是直接import，因為我怕import請求到的部署到線上的時候會有問題。如下是get請求方法：

this.$http.get(zhongguo).then(res => { console.log(res); this.$echarts.registerMap("china", res); //注冊地圖
        console.log("223442"); var myChart = this.$echarts.extendsMap("mapChart", { //繪制地圖
          bgColor: "", // 畫布背景色
          mapName: "china", // 地圖名
          text: "by:wxw", goDown: true, // 是否下鑽
          // 下鑽回調
          callback: function(name, option, instance) { console.log(name, option, instance); }, // 數據展示
 data: areaProjects }); });

在請求到數據后我直接用res來繪制地圖，結果報錯

 

 我就納悶，根本沒有這個文件啊，但其實這個js文件就在我們安裝的echarts包里面

報錯行打斷點：regions: undefined

 

 

我看到有人說別用get請求方法，直接import就不會報錯，嗯？為什么會這樣？我打印了一下res

 

 這么多沒用的數據，我們繪制地圖只需要res.data，而不能是整個res，修改后就可以了展示地圖了

this.$http.get(zhongguo).then(res => { console.log(res); this.$echarts.registerMap("china", res.data); //注冊地圖
        console.log("223442"); var myChart = this.$echarts.extendsMap("mapChart", { //繪制地圖
          bgColor: "", // 畫布背景色
          mapName: "china", // 地圖名
          text: "by:wxw", goDown: true, // 是否下鑽
          // 下鑽回調
          callback: function(name, option, instance) { console.log(name, option, instance); }, // 數據展示
 data: areaProjects }); });

就這個問題折騰了我兩天時間，今天早上忽然開竅，真想給自己一個大嘴巴子