最近在做數據可視化項目,使用到了開源圖表庫Echarts。其中,我需要用到中國地圖,但是官方提供的地圖都是以json格式存儲的。下面我就與大家分享一下如何在Echarts中使用中國地圖json。
// 引入echarts import echarts from 'echarts'; // 引入中國地圖json import chinaJson from './china.json'; // 初始化echarts實例 const myChart = echarts.init(document.getElementById('myChart')); // 注冊地圖 echarts.registerMap('china', chinaJson); // 使用echarts繪制地圖 myChart.setOption({ tooltip: { trigger: 'item' }, series: [{ type: 'map', map: 'china', label: { normal: { show: true }, emphasis: { show: true } }, data:[ {name: '北京', value: 100}, {name: '上海', value: 200}, {name: '廣州', value: 300}, {name: '深圳', value: 400}, {name: '重慶', value: 500}, {name: '天津', value: 600}, {name: '杭州', value: 700}, // 更多省份... ] }] });
以上是一個簡單的例子,展示了如何使用中國地圖json來繪制地圖。關于Echarts中中國地圖json的更多細節,可以參考官方文檔。