ECharts 是一個(gè)基于 JavaScript 的可視化庫,可以用于生成各種類型的圖表。其中的中國地圖可以用于展示各種跟中國地理位置有關(guān)的數(shù)據(jù),比如各省市的人口、經(jīng)濟(jì)指標(biāo)等。
中國地圖需要以 JSON 格式的數(shù)據(jù)進(jìn)行展示。一個(gè)典型的 JSON 示例代碼如下:
{ "type": "FeatureCollection", "features": [ { "type": "Feature", "id": "110000", "properties": { "name": "北京市", "cp": [ 116.407394, 39.904211 ], "childNum": 16 }, "geometry": { "type": "Polygon", "coordinates": [ [ [116.011934, 40.216496], [116.711615, 40.407545], [117.110782, 40.138995], ... [115.937316, 40.049391] ] ] } }, ... ] }
其中,type 表示這個(gè) JSON 數(shù)據(jù)的類型,features 是一個(gè)數(shù)組,里面每個(gè)元素表示一個(gè)區(qū)域,比如北京市、上海市等。
在每個(gè) feature 的 properties 里,name 表示這個(gè)區(qū)域的名字,cp 則代表這個(gè)區(qū)域的中心點(diǎn)坐標(biāo),childNum 是它的子區(qū)域數(shù)量。
geometry 里則是這個(gè)區(qū)域所占的幾何圖形,這里一般使用多邊形,通過坐標(biāo)數(shù)組表示出多邊形的每一個(gè)點(diǎn)的位置。
通過正確的 JSON 數(shù)據(jù)格式,ECharts 可以自動(dòng)解析出地圖,并根據(jù) properties 進(jìn)行各種交互、高亮等操作,非常方便實(shí)用。