echarts 是一款基于數(shù)據(jù)可視化的圖表庫(kù),能夠在網(wǎng)頁(yè)端展現(xiàn)各種動(dòng)態(tài)的圖表效果。JSON 數(shù)據(jù),作為 echarts 的數(shù)據(jù)源,可以以極佳的方式被 echarts 庫(kù)所解析。在 echarts 庫(kù)中,各省的地圖也是被呈現(xiàn)出來(lái)的,因此,使用 echarts json 各省地圖成為了一種較為常用的數(shù)據(jù)呈現(xiàn)方式。
{ "廣東": { "num": 1232, //數(shù)據(jù) "level": "嚴(yán)重", //標(biāo)記 "coords": [114.502461, 23.079405] //中心點(diǎn)坐標(biāo) }, "江蘇": { "num": 789, "level": "一般", "coords": [118.76741, 32.041546] }, "四川": { "num": 634, "level": "一般", "coords": [104.065735, 30.659462] }, //…… }
上述代碼段為 echarts json 各省地圖數(shù)據(jù)的一部分,可以看到所有省份的數(shù)據(jù)被以對(duì)象的方式存儲(chǔ),對(duì)象的 key 為省份名,value 則包含了相應(yīng)省份的數(shù)據(jù)信息。在數(shù)據(jù)編寫的時(shí)候,可以按照需要自行添加一些標(biāo)記信息,顯示在省份周圍。此外,還需要為每個(gè)省份指定中心點(diǎn)坐標(biāo),以決定圖形的顯示位置。
通過(guò) echarts json 各省地圖的呈現(xiàn),我們可以輕易地實(shí)現(xiàn)省份地圖的展示及可視化,讓數(shù)據(jù)更加直觀明了。