ECharts 是一款由百度開發的前端可視化圖表庫，提供了豐富的圖表類型和交互功能，是數據可視化領域的常用工具之一。城市數據經常作為可視化的入門案例，因此 ECharts 提供了多個城市 JSON 數據文件，供用戶下載和使用。

// 城市數據文件示例
{
"北京市": [116.46, 39.92],
"天津市": [117.2, 39.13],
"上海市": [121.48, 31.22],
// ...
}

在 ECharts 中使用城市 JSON 數據，需要借助 Geo 組件實現地理坐標系的繪制。Geo 組件的 type 屬性設置為 'map'，map 屬性值為使用的地圖類型。在城市數據中，建議將城市名稱作為鍵，城市經緯度作為值，在 ECharts 中可通過設置 geo.data 參數來使用。

// ECharts 示例代碼
option = {
geo: {
type: 'map',
map: 'china',
roam: true, // 啟用地圖縮放和平移
data: [
{ name: '北京市', value: [116.46, 39.92]},
{ name: '天津市', value: [117.2, 39.13]},
{ name: '上海市', value: [121.48, 31.22]},
// ...
]
},
series: [
{
name: '數據系列',
type: 'scatter',
coordinateSystem: 'geo', // 使用地理坐標系
data: [
{ name: '北京市', value: 100 },
{ name: '天津市', value: 200 },
{ name: '上海市', value: 300 },
// ...
]
}
]
};

除了在地圖上標注城市名稱和數據值，ECharts 還提供了多種復雜地圖類型和交互功能，例如熱力圖、地圖輪廓線、縮放限制等，可以根據具體需求進行選擇和配置。