ECharts是一款開(kāi)源的可視化圖表庫(kù),可以幫助開(kāi)發(fā)者在web頁(yè)面中展示各種類型的數(shù)據(jù)圖表。而針對(duì)福州市的數(shù)據(jù),官方提供了福州json供開(kāi)發(fā)者使用,使得開(kāi)發(fā)者可以方便快捷地展現(xiàn)福州市的各類數(shù)據(jù)。
//引入echarts import echarts from 'echarts' //引入福州json數(shù)據(jù) const geoJson = require('./福州.json') //繪制福州地圖 echarts.registerMap('福州', geoJson) //初始化echarts實(shí)例并繪制地圖 let myChart = echarts.init(document.getElementById('map')) myChart.setOption({ title : { text: '福州地圖', subtext: '數(shù)據(jù)統(tǒng)計(jì)', left: 'center' }, tooltip : { trigger: 'item', }, series: [{ name: '福州地圖', type: 'map', map: '福州' }] })
如以上代碼所示,我們需要引入echarts庫(kù)和福州json數(shù)據(jù),然后使用echarts.registerMap()方法將福州json數(shù)據(jù)注冊(cè)為地圖,最后在echarts實(shí)例中使用map類型的series繪制地圖。此時(shí)我們需要注意兩點(diǎn):1、json文件中的區(qū)縣名稱需要與我們繪制地圖時(shí)使用的區(qū)縣名稱保持一致;2、json文件中的坐標(biāo)系需要為WGS84坐標(biāo)系。
通過(guò)使用這個(gè)福州json數(shù)據(jù),我們可以展示福州市的各類數(shù)據(jù),如人口分布、經(jīng)濟(jì)發(fā)展情況等等。同時(shí),在數(shù)據(jù)分析領(lǐng)域,也可以將各類福州市的數(shù)據(jù)與福州json數(shù)據(jù)結(jié)合起來(lái),繪制出各類數(shù)據(jù)圖表。