Echarts是一款優秀的數據可視化工具,其擁有強大的地圖功能來對地理信息進行展示。而最近,很多人都想用echarts引入JSON地圖數據,以利用它們展示各種統計和分布圖。
// 假設我們有一個json文件 "map.json",其內容如下:
/* {
"type": "FeatureCollection",
"features": [{
"type": "Feature",
"properties": {
"name": "浙江省",
"id": "330000",
},
"geometry": {
"type": "MultiPolygon",
"coordinates": [...]
}
}]
} */
// 通過 ajax 加載地圖數據并生成 echarts 圖表
var chart = echarts.init(document.getElementById('my-chart'));
$.getJSON('map.json', function(mapJson) {
echarts.registerMap('my-map', mapJson);
chart.setOption({
series: [{
type: 'map',
map: 'my-map',
}]
});
});
如上所示,我們通過使用jquery的getJSON方法獲取地圖數據,并將其傳遞給echarts的registerMap函數來注冊一個名字為my-map的地圖。然后,我們設置Option對象的series屬性,type為map,map屬性指向my-map。
這樣,我們就可以使用echarts引入json地圖數據并展現美觀、豐富的地圖統計和分布圖了!