ECharts 是一個(gè)非常強(qiáng)大的數(shù)據(jù)可視化工具，在制作各種圖表時(shí)都有不錯(cuò)的表現(xiàn)，其中利用地圖來(lái)呈現(xiàn)數(shù)據(jù)也常常會(huì)用到，而在使用 ECharts 上，有時(shí)需要自己獲取地圖的 .json 文件才能進(jìn)行數(shù)據(jù)的可視化，下面就讓我們一起了解如何利用 ECharts 獲取地圖 .json 文件吧。

// 引入 echarts-all.js 文件// 定義地圖
var myChart = echarts.init(document.getElementById('main'));
var geoCoordMap = {
'北京': [116.46,39.92],
'上海': [121.48,31.22],
'廣州': [113.23,23.16],
'深圳': [114.07,22.62]
};
// 獲取中國(guó)地圖的 .json 文件
$.get('../echarts/map/China.json', function (chinaJson) {
echarts.registerMap('china',chinaJson);
// 呈現(xiàn)地圖
myChart.setOption({
series: [
{
type: 'map',
map: 'china'
}
]
});
});

以上代碼中，先通過(guò) ECharts 的 API 動(dòng)態(tài)注冊(cè)地圖，再通過(guò)setOption方法來(lái)呈現(xiàn)地圖。其中獲取地圖 .json 文件的方法比較簡(jiǎn)單，只需使用$.get方法獲取即可。這里獲取中國(guó)地圖的 .json 文件僅僅是示例，其它地圖的 .json 文件獲取方法也是類(lèi)似的。

總之，通過(guò)以上的方法，我們可以輕松地獲取各種地圖的 .json 文件，并且呈現(xiàn)在 ECharts 上進(jìn)行數(shù)據(jù)的可視化呈現(xiàn)，非常方便、快捷。