Echarts 是一款基于 JavaScript 的開源可視化庫,其提供了豐富的圖表和地圖展示功能。其中的省級地圖 JSON 數據是 Echarts 所有地圖中最為常用的數據格式之一,可以用于展示中國各個省份的地理位置及相關數據信息。
let chart = echarts.init(document.getElementById('map')); chart.showLoading(); const mapFeatures = echarts.getMap('china').geoJson.features; echarts.registerMap('China', { features: mapFeatures, }); let option = { series: [ { type: 'map', map: 'China', data: [ { name: '北京', value: 100 }, { name: '上海', value: 90 }, { name: '廣東', value: 80 }, { name: '江蘇', value: 70 }, { name: '浙江', value: 60 }, { name: '四川', value: 50 }, { name: '湖北', value: 40 }, { name: '河南', value: 20 }, { name: '湖南', value: 10 }, ], itemStyle: { color: '#F5B34C', }, }, ], }; chart.setOption(option); chart.hideLoading();
通過上面的代碼,我們可以快速搭建一個中國省級地圖的可視化圖表,圖表數據來源于 data 數組,數據中包含了各個省份的名稱和對應數值,數值可以顯示為顏色、大小和動畫效果等方式。
Echarts 省級地圖 JSON 數據的制作并不是很復雜,首先需要定位到需要展示的區域,然后利用專業的地圖制作工具生成該區域的 JSON 數據。最后使用 Echarts 提供的 registerMap()方法將 JSON 數據注冊到 echarts 中即可。