Echarts是一個強大的繪圖庫,可以用來展示各種可視化圖表。其中地圖是Echarts非常實用的一個功能。除了可以在線使用Echarts地圖,還可以使用離線JSON地圖進行展示,適合于一些沒有網絡環境或需要對地圖數據進行自定義的情況。
//示例數據 var geoCoordMap = { '北京': [116.46, 39.92], '上海': [121.48, 31.22], '天津': [117.2, 39.13], '重慶': [106.54, 29.59], '香港': [114.17, 22.28], '澳門': [113.54, 22.19], '臺灣': [121.3, 25.03], }; var data = [ { name: '北京', value: 95 }, { name: '上海', value: 2 }, { name: '天津', value: 3 }, { name: '重慶', value: 3 }, { name: '香港', value: 40 }, { name: '澳門', value: 20 }, { name: '臺灣', value: 35 }, ]; option = { tooltip: { trigger: 'item', formatter: '{b}' }, geo: { map: 'china', }, series: [ { type: 'effectScatter', coordinateSystem: 'geo', data: data.map(function (item) { return { name: item.name, value: geoCoordMap[item.name].concat(item.value) }; }), symbolSize: function (val) { return val[2] / 10; }, label: { normal: { formatter: '{b}', position: 'right', show: false }, emphasis: { show: true } }, itemStyle: { normal: { color: '#ddb926' } } } ] };
以上代碼使用了一個簡單的中國地圖作為基礎地圖,并且配合了一些散點圖的數據進行展示。地圖中的data數組包含了不同城市的數據信息,例如北京的數值是95,上海的數值是2。這些數據可以根據實際需求進行自定義。
需要注意的是,使用離線JSON地圖需要先下載Echarts的離線項目,并且選擇需要的地圖文件進行使用。文件命名格式為“mapData-xxx”,其中xxx為具體地圖的名稱。
在代碼中使用可自行調整的參數包括地圖的可視化參數、散點圖大小等,可以根據具體情況進行調整。
上一篇python 類編程實例
下一篇python 類默認值