ECharts是一款基于JavaScript的可視化圖表庫，它提供了常見的數據可視化圖表，如折線圖、柱狀圖和餅圖等。同時，ECharts還支持地圖數據的可視化，可以通過json地圖數據繪制出地圖圖表。下面我們來介紹如何使用ECharts畫json地圖。

// 引入ECharts
import echarts from 'echarts';
//定義echarts實例和option
let chart = echarts.init(document.getElementById('map_chart'));
let option = {
geo: {
map: 'china',
},
series: [
{
type: 'map',
mapType: 'china',
data: [],
label: {
show: true,
color: '#333',
},
itemStyle: {
areaColor: '#ccc',
}
}
]
};
// 加載json地圖數據
$.getJSON('/js/china.json', function (chinaGeoJson) {
echarts.registerMap('china', chinaGeoJson);
// 更新data的值
option.series[0].data = [
{ name: '北京', value: 100 },
{ name: '上海', value: 200 },
{ name: '廣州', value: 300 }
];
// 渲染地圖圖表
chart.setOption(option);
});

以上代碼展示了如何使用ECharts畫中國地圖。我們需要引入ECharts的庫文件，定義ECharts實例和option，并加載json地圖數據。在加載地圖json數據后，我們可以通過echarts.registerMap方法注冊地圖，更新data值，最后通過chart.setOption方法渲染地圖圖表。

除了中國地圖，ECharts還支持世界地圖和各省、市地圖的渲染，只需要引入相應的json地圖數據即可。