疫情各类模型展示
首先利用时间轴，做一个动态的展示（展示每一天内的确诊人数，并且对每一个省的数据做一个动态的排序）里边的数据是我自己加的，如果需要的话可以利用循环的方式读取数据库存入json文件中使用，每一个元组都代表着一天的数据。（这个图展示的单位是省市，没有向下一层下钻）
效果图：
<!DOCTYPE html> <html style="height: 100%"> <head> <meta charset="utf-8"> </head> <body style="height: 100%; margin: 0"> <div id="container" style="height: 100%"></div> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-gl/dist/echarts-gl.min.js"></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-stat/dist/ecStat.min.js"></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/extension/dataTool.min.js"></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/map/js/china.js"></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/map/js/world.js"></script> <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=xfhhaTThl11qYVrqLZii6w8qE5ggnhrY&__ec_v__=20190126"></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/extension/bmap.min.js"></script> <script type="text/javascript"> var dom = document.getElementById("container"); var myChart = echarts.init(dom); var app = {}; option = null; var days = ['02-02', '02-03', '02-04', '02-05', '02-06', '02-07', '02-08', '02-09', '02-12', '02-13', '02-14', ]; var province = ['湖北', '广东', '浙江', '湖南', '河南', '安徽', '重庆', '山东', '江西', '四川', '江苏', '北京', '福建', '上海', '广西', '河北', '陕西', '云南', '海南', '黑龙江', '辽宁', '山西', '天津', '甘肃', '内蒙古', '新疆', '宁夏', '吉林', '贵州', '青海', '西藏', '澳门', '香港', '台湾']; var data = [ [9074, 604, 661, 463, 493, 340, 262, 225, 333, 231, 236, 168, 144, 177, 111, 104, 101, 93, 63, 95, 64, 56, 45, 40, 23, 21, 28, 23, 38, 9, 1, 7, 14, 10], [11177, 683, 724, 521, 566, 408, 300, 246, 391, 254, 271, 191, 159, 193, 127, 113, 128, 105, 71, 118, 70, 66, 54, 51, 27, 24, 28, 31, 46, 13, 1, 8, 15, 10], [13522, 797, 829, 593, 675, 480, 337, 270, 476, 282, 308, 191, 179, 208, 139, 126, 128, 117, 79, 155, 74, 74, 60, 55, 34, 29, 34, 42, 56, 15, 1, 9, 15, 10], [16678, 870, 895, 661, 764, 530, 366, 298, 548, 301, 341, 228, 194, 233, 150, 135, 142, 122, 91, 190, 81, 81, 67, 57, 42, 32, 34, 54, 64, 17, 1, 10, 18, 11], [19665, 944, 954, 711, 851, 591, 389, 343, 600, 321, 373, 253, 205, 254, 168, 157, 173, 128, 105, 227, 89, 90, 69, 62, 46, 36, 40, 59, 69, 18, 1, 10, 21, 11], [22112, 1018, 1006, 772, 914, 665, 411, 379, 661, 344, 408, 253, 215, 269, 172, 171, 173, 135, 114, 277, 94, 96, 81, 67, 50, 39, 43, 65, 77, 18, 1, 10, 24, 16], [24953, 1075, 1048, 803, 981, 733, 426, 407, 698, 363, 439, 297, 224, 281, 183, 195, 184, 138, 124, 295, 99, 104, 81, 71, 50, 39, 45, 69, 89, 18, 1, 10, 26, 16], [27100, 1120, 1075, 838, 1033, 779, 446, 435, 740, 386, 468, 315, 239, 292, 195, 206, 195, 140, 128, 307, 105, 115, 88, 79, 52, 45, 45, 78, 89, 18, 1, 10, 26, 17], [33366, 1219, 1131, 946, 1135, 889, 505, 497, 844, 436, 543, 352, 272, 306, 222, 251, 225, 154, 151, 378, 116, 124, 107, 86, 60, 59, 58, 83, 131, 18, 1, 10, 49, 18], [48206, 1241, 1145, 968, 1169, 910, 518, 506, 872, 451, 570, 352, 279, 313, 222, 265, 225, 154, 157, 395, 116, 126, 112, 87, 61, 63, 64, 84, 135, 18, 1, 10, 50, 18], [51986, 1261, 1155, 988, 1184, 934, 529, 519, 900, 463, 593, 366, 281, 318, 226, 283, 230, 162, 158, 418, 117, 126, 119, 90, 65, 65, 67, 86, 140, 18, 1, 10, 53, 18] ]; option = { baseOption: { timeline: { axisType: 'category', // realtime: false, // loop: false, autoPlay: true, playInterval: 2000, symbolSize: 12, left: '5%', right: '5%', bottom: '0%', width: '90%', // controlStyle: { // position: 'left' // }, data: days, tooltip: { formatter: days }, }, tooltip: { show: true, formatter: function(params) { return params.name + '：' + params.data['value'] }, }, visualMap: { type: 'piecewise', pieces: [{ min: 1001, color: '#73240D' }, { min: 501, max: 1000, color: '#BB0000' }, { min: 251, max: 500, color: '#BD430A' }, { min: 101, max: 250, color: '#E08150' }, { min: 11, max: 100, color: '#E9B090' }, { min: 1, max: 10, color: '#F2DDD2' }, { value: 0, color: 'white' } ], orient: 'vertical', itemWidth: 25, itemHeight: 15, showLabel: true, seriesIndex: [0], textStyle: { color: '#7B93A7' }, bottom: '10%', left: "5%", }, grid: { right: '5%', top: '20%', bottom: '10%', width: '20%' }, xAxis: { min:0, max:4000, show: false }, yAxis: [{ inverse: true, offset: '2', 'type': 'category', data: '', nameTextStyle: { color: '#fff' }, axisTick: { show: false, }, axisLabel: { //rotate:45, textStyle: { fontSize: 14, color: '#000000', }, interval: 0 }, axisLine: { show: false, lineStyle: { color: '#333' }, }, splitLine: { show: false, lineStyle: { color: '#333' } }, }], geo: { map: 'china', right: '35%', left: '5%', label: { emphasis: { show: false, } }, itemStyle: { emphasis: { areaColor: '#00FF00' } } }, series: [{ name: 'mapSer', type: 'map', map: 'china', roam: false, geoIndex: 0, label: { show: false, }, }, { 'name': '', 'type': 'bar', zlevel: 2, barWidth: '40%', label: { normal: { show: true, fontSize: 14, position: 'right', formatter: '{c}' } }, } ], }, animationDurationUpdate: 3000, animationEasingUpdate: 'quinticInOut', options: [] }; for (var n = 0; n < days.length; n++) { var res = []; for (j = 0; j < data[n].length; j++) { res.push({ name: province[j], value: data[n][j] }); } res.sort(function(a, b) { return b.value - a.value; }).slice(0, 6); res.sort(function(a, b) { return a.value - b.value; }); var res1 = []; var res2 = []; for (t = 0; t < 10; t++) { res1[t] = res[res.length - 1 - t].name; res2[t] = res[res.length - 1 - t].value; } console.log(res1); console.log("----------------"); console.log(province); option.options.push({ title: [{ text: days[n] + '新型冠状病毒全国感染人数', textStyle: { color: '#2D3E53', fontSize: 28 }, left:20, top:20, }, { show: true, text: '感染人数前十的省份', textStyle: { color: '#2D3E53', fontSize: 18 }, right: '10%', top: '15%' } ], yAxis: { data: res1, }, series: [{ type: 'map', data: res }, { type: 'bar', data: res2, itemStyle: { normal: { color: function(params) { // build a color map as your need. var colorList = [{ colorStops: [{ offset: 0, color: '#FF0000' // 0% 处的颜色 }, { offset: 1, color: '#990000' // 100% 处的颜色 }] }, { colorStops: [{ offset: 0, color: '#00C0FA' // 0% 处的颜色 }, { offset: 1, color: '#2F95FA' // 100% 处的颜色 }] } ]; if (params.dataIndex < 3) { return colorList[0] } else { return colorList[1] } }, } }, }] }); } if (option && typeof option === "object") { myChart.setOption(option, true); } </script> </body> </html>
还有一种方法是利用散点图的方式，在地图上把所有的地级市也都展示出来，并且标注每个地区的确诊人数
效果图：
<!DOCTYPE html> <html style="height: 100%"> <head> <meta charset="utf-8"> </head> <body style="height: 100%; margin: 0"> <div id="container" style="height: 100%"></div> <script type="text/javascript" src="js/echarts.min.js"></script> <script type="text/javascript" src="js/jquery-3.3.1.js"></script> <script type="text/javascript"> var dom = document.getElementById("container"); var myChart = echarts.init(dom); //var uploadedDataURL = "/asset/get/s/data-1519207554130-HJcFV69PG.json"; var uploadedDataURL = "./data-1519188124693-rkro_O5vz.json"; // var uploadedDataURL = "/asset/get/s/data-1519004377467-ByWkioPwf.json"; myChart.showLoading(); cityname = []; $.get(uploadedDataURL, function(geoJson) { myChart.hideLoading(); echarts.registerMap('chinacity', geoJson); var mapFeatures = echarts.getMap('chinacity').geoJson.features; console.log('==========mapFeatures==============') console.log(mapFeatures) mapFeatures.forEach(function(v) { // 地区名称 var name = v.properties.name; cityname.push(name) }); console.log(cityname) myChart.setOption(option = { // backgroundColor: '#021926', title: { text: '2020年2月1日全国新型冠状病毒确诊情况', left: 'center', }, visualMap: { show: true, type: 'piecewise', pieces: [{ min: 1000, max: 5000 }, // 不指定 max，表示 max 为无限大（Infinity）。 { min: 500, max: 1000 }, { min: 100, max: 500, }, { min: 20, max: 100 }, { min: 1, max: 20 }, // {min:0,max: 2000}, // {max:100}// 不指定 min，表示 min 为无限大（-Infinity）。 ], showLabel: true, right: '15%', bottom: '20%', // top: 'bottom', text: ['确诊病例'], // 文本，默认为数值文本 calculable: true, inRange: { // color: ['#3B5077', '#031525'] // 蓝黑 // color: ['#ffc0cb', '#800080'] // 红紫 // color: ['#3C3B3F', '#605C3C'] // 黑绿 // color: ['#0f0c29', '#302b63', '#24243e'] // 黑紫黑 // color: ['#23074d', '#cc5333'] // 紫红 color: ['#F6CED8', '#D90505'] //蓝红 // color: ['#00467F', '#A5CC82'] // 蓝绿 // color: ['white','#1488CC', '#2B32B2'] // 浅蓝 // color: ['#00467F', '#A5CC82'] // 蓝绿 // color: ['#00467F', '#A5CC82'] // 蓝绿 // color: ['#00467F', '#A5CC82'] // 蓝绿 // color: ['#00467F', '#A5CC82'] // 蓝绿 } }, // geo: { // show: true, // map: 'chinacity', // label: { // normal: { // show: false, // }, // emphasis: { // show: false, // } // }, // roam: true, // }, tooltip: { trigger: 'item', formatter: '{b}<br/>{c} (人)' }, toolbox: { show: true, feature: { dataView: { readOnly: false }, restore: {}, saveAsImage: { pixelRatio: 4 } } }, series: [{ name: '总人数', type: 'map', mapType: 'chinacity', label: { normal: { show: false } }, roam: true, // itemStyle: { // normal: { // borderColor: '#CD4F39', // areaColor: '#54FF9F', // borderWidth: 4, // opacity: 0.2 // } // }, data: [{ name: '万州区', value: 39 }, { name: '云阳县', value: 18 }, { name: '开州区', value: 16 }, { name: '江北区', value: 12 }, { name: '忠县', value: 12 }, { name: '垫江县', value: 11 }, { name: '渝北区', value: 11 }, { name: '石柱县', value: 10 }, { name: '长寿区', value: 10 }, { name: '两江新区', value: 10 }, { name: '巫溪县', value: 10 }, { name: '九龙坡区', value: 9 }, { name: '璧山区', value: 8 }, { name: '合川区', value: 8 }, { name: '渝中区', value: 7 }, { name: '巫山县', value: 6 }, { name: '大渡口区', value: 6 }, { name: '丰都县', value: 5 }, { name: '奉节县', value: 5 }, { name: '大足区', value: 4 }, { name: '綦江区', value: 4 }, { name: '江津区', value: 3 }, { name: '南岸区', value: 3 }, { name: '永川区', value: 3 }, { name: '梁平区', value: 2 }, { name: '铜梁区', value: 2 }, { name: '潼南区', value: 2 }, { name: '黔江区', value: 2 }, { name: '荣昌区', value: 2 }, { name: '沙坪坝区', value: 2 }, { name: '涪陵区', value: 1 }, { name: '秀山县', value: 1 }, { name: '城口县', value: 1 }, { name: '巴南区', value: 1 }, { name: '武隆区', value: 1 }, { name: '温州市', value: 241 }, { name: '杭州市', value: 98 }, { name: '台州市', value: 95 }, { name: '宁波市', value: 55 }, { name: '金华市', value: 34 }, { name: '绍兴市', value: 24 }, { name: '嘉兴市', value: 18 }, { name: '衢州市', value: 13 }, { name: '丽水市', value: 8 }, { name: '舟山市', value: 7 }, { name: '湖州市', value: 6 }, { name: '昆明市', value: 30 }, { name: '西双版纳州市', value: 12 }, { name: '玉溪市', value: 7 }, { name: '保山市市', value: 7 }, { name: '丽江市市', value: 6 }, { name: '大理市', value: 6 }, { name: '昭通市市', value: 6 }, { name: '曲靖市', value: 5 }, { name: '红河市', value: 4 }, { name: '普洱市', value: 4 }, { name: '德宏州市', value: 3 }, { name: '临沧市', value: 1 }, { name: '乌鲁木齐市', value: 8 }, { name: '伊犁州市', value: 5 }, { name: '吐鲁番市', value: 1 }, { name: '第七师市', value: 1 }, { name: '第八师石河子市', value: 1 }, { name: '阿克苏市', value: 1 }, { name: '兵团第九师市', value: 1 }, { name: '香港市', value: 13 }, { name: '地区待确认市', value: 1 }, { name: '河北区', value: 9 }, { name: '河东区', value: 6 }, { name: '外地来津', value: 4 }, { name: '河西区', value: 3 }, { name: '和平区', value: 3 }, { name: '宝坻区', value: 3 }, { name: '南开区', value: 2 }, { name: '西青区', value: 2 }, { name: '红桥区', value: 2 }, { name: '滨海新区', value: 2 }, { name: '宁河区', value: 2 }, { name: '台湾', value: 10 }, { name: '成都市', value: 72 }, { name: '广安市', value: 16 }, { name: '南充市', value: 16 }, { name: '绵阳市', value: 12 }, { name: '内江市', value: 10 }, { name: '达州市', value: 9 }, { name: '自贡市', value: 9 }, { name: '巴中市', value: 8 }, { name: '德阳市', value: 7 }, { name: '宜宾市', value: 7 }, { name: '拉萨市', value: 1 }, { name: '攀枝花市', value: 7 }, { name: '遂宁市', value: 5 }, { name: '雅安市', value: 5 }, { name: '泸州市', value: 5 }, { name: '甘孜市', value: 5 }, { name: '凉山市', value: 5 }, { name: '乐山市', value: 2 }, { name: '眉山市', value: 2 }, { name: '资阳市', value: 2 }, { name: '广元市', value: 2 }, { name: '阿坝州市', value: 1 }, { name: '外地来沪区', value: 73 }, { name: '浦东区', value: 32 }, { name: '静安区', value: 8 }, { name: '宝山区', value: 8 }, { name: '长宁区', value: 7 }, { name: '徐汇区', value: 7 }, { name: '闵行区', value: 7 }, { name: '虹口区', value: 5 }, { name: '奉贤区', value: 5 }, { name: '黄浦区', value: 5 }, { name: '松江区', value: 3 }, { name: '青浦区', value: 2 }, { name: '嘉定区', value: 2 }, { name: '普陀区', value: 2 }, { name: '杨浦区', value: 2 }, { name: '金山区', value: 1 }, { name: '崇明区', value: 0 }, { name: '地区待确认区', value: 0 }, { name: '西安市', value: 39 }, { name: '安康市', value: 14 }, { name: '汉中市', value: 13 }, { name: '咸阳市', value: 8 }, { name: '延安市', value: 7 }, { name: '宝鸡市', value: 6 }, { name: '铜川市', value: 5 }, { name: '渭南市', value: 5 }, { name: '商洛市', value: 2 }, { name: '榆林市', value: 1 }, { name: '韩城市', value: 1 }, { name: '晋中市', value: 11 }, { name: '运城市', value: 10 }, { name: '大同市', value: 6 }, { name: '吕梁市', value: 5 }, { name: '太原市', value: 4 }, { name: '长治市', value: 3 }, { name: '朔州市', value: 3 }, { name: '晋城市', value: 2 }, { name: '阳泉市', value: 1 }, { name: '临汾市', value: 1 }, { name: '忻州市', value: 1 }, { name: '威海市', value: 24 }, { name: '临沂市', value: 23 }, { name: '青岛市', value: 21 }, { name: '烟台市', value: 20 }, { name: '济南市', value: 18 }, { name: '德州市', value: 17 }, { name: '枣庄市', value: 12 }, { name: '济宁市', value: 11 }, { name: '日照市', value: 10 }, { name: '淄博市', value: 10 }, { name: '潍坊市', value: 9 }, { name: '滨州市', value: 9 }, { name: '聊城市', value: 8 }, { name: '菏泽市', value: 8 }, { name: '泰安市', value: 6 }, { name: '西宁市', value: 9 }, { name: '银川市', value: 15 }, { name: '吴忠市', value: 6 }, { name: '中卫市', value: 2 }, { name: '固原市', value: 2 }, { name: '宁东管委会市', value: 1 }, { name: '鄂尔多斯市', value: 5 }, { name: '包头市', value: 3 }, { name: '巴彦淖尔市', value: 3 }, { name: '锡林郭勒市', value: 2 }, { name: '呼伦贝尔市', value: 2 }, { name: '赤峰市', value: 2 }, { name: '呼和浩特市', value: 2 }, { name: '乌兰察布市', value: 2 }, { name: '兴安盟乌兰浩特市', value: 1 }, { name: '通辽市', value: 1 }, { name: '沈阳市', value: 13 }, { name: '大连市', value: 10 }, { name: '盘锦市', value: 7 }, { name: '锦州市', value: 7 }, { name: '丹东市', value: 6 }, { name: '朝阳市市', value: 6 }, { name: '葫芦岛市', value: 5 }, { name: '本溪市', value: 3 }, { name: '铁岭市', value: 2 }, { name: '阜新市', value: 2 }, { name: '营口市', value: 1 }, { name: '辽阳市', value: 1 }, { name: '鞍山市', value: 1 }, { name: '南昌市', value: 83 }, { name: '九江市', value: 43 }, { name: '新余市', value: 40 }, { name: '赣州市', value: 30 }, { name: '宜春市', value: 29 }, { name: '抚州市', value: 18 }, { name: '上饶市', value: 16 }, { name: '吉安市', value: 11 }, { name: '萍乡市', value: 9 }, { name: '鹰潭市', value: 4 }, { name: '景德镇市', value: 3 }, { name: '苏州市', value: 34 }, { name: '南京市', value: 28 }, { name: '徐州市', value: 23 }, { name: '泰州市', value: 17 }, { name: '常州市', value: 14 }, { name: '连云港市', value: 13 }, { name: '扬州市', value: 13 }, { name: '无锡市', value: 13 }, { name: '盐城市', value: 13 }, { name: '南通市', value: 12 }, { name: '淮安市', value: 12 }, { name: '宿迁市', value: 8 }, { name: '镇江市', value: 2 }, { name: '长春市', value: 7 }, { name: '吉林市', value: 3 }, { name: '松原市', value: 2 }, { name: '延边市', value: 2 }, { name: '四平市', value: 1 }, { name: '公主岭市', value: 1 }, { name: '通化市', value: 1 }, { name: '长沙市', value: 86 }, { name: '岳阳市', value: 45 }, { name: '邵阳市', value: 41 }, { name: '常德市', value: 39 }, { name: '怀化市', value: 28 }, { name: '娄底市', value: 26 }, { name: '衡阳市', value: 26 }, { name: '益阳市', value: 24 }, { name: '株洲市', value: 22 }, { name: '永州市', value: 18 }, { name: '湘潭市', value: 13 }, { name: '郴州市', value: 13 }, { name: '湘西自治州市', value: 6 }, { name: '张家界市', value: 2 }, { name: '武汉市', value: 3215 }, { name: '黄冈市', value: 726 }, { name: '孝感市', value: 628 }, { name: '襄樊市', value: 347 }, { name: '随州市', value: 304 }, { name: '荆州市', value: 287 }, { name: '宜昌市', value: 276 }, { name: '荆门市', value: 251 }, { name: '鄂州市', value: 227 }, { name: '黄石市', value: 209 }, { name: '咸宁市', value: 206 }, { name: '十堰市', value: 177 }, { name: '仙桃市', value: 97 }, { name: '恩施土家族苗族自治州', value: 87 }, { name: '天门市', value: 82 }, { name: '潜江市', value: 27 }, { name: '神农架林区', value: 7 }, { name: '地区待确认市', value: 0 }, { name: '哈尔滨市', value: 25 }, { name: '绥化市', value: 13 }, { name: '佳木斯市', value: 11 }, { name: '大庆市', value: 8 }, { name: '牡丹江市', value: 6 }, { name: '七台河市', value: 5 }, { name: '鸡西市', value: 4 }, { name: '齐齐哈尔市', value: 3 }, { name: '双鸭山市', value: 2 }, { name: '大兴安岭市', value: 2 }, { name: '鹤岗市', value: 1 }, { name: '信阳市', value: 70 }, { name: '南阳市', value: 66 }, { name: '郑州市', value: 56 }, { name: '驻马店市', value: 40 }, { name: '周口市', value: 38 }, { name: '商丘市', value: 29 }, { name: '安阳市', value: 24 }, { name: '新乡市', value: 21 }, { name: '漯河市', value: 14 }, { name: '许昌市', value: 12 }, { name: '平顶山市', value: 11 }, { name: '开封市', value: 8 }, { name: '三门峡市', value: 7 }, { name: '永城市', value: 7 }, { name: '鹤壁市', value: 6 }, { name: '洛阳市', value: 5 }, { name: '濮阳市', value: 3 }, { name: '焦作市', value: 2 }, { name: '长垣市', value: 2 }, { name: '滑县市', value: 1 }, { name: '地区待确认市', value: 0 }, { name: '沧州市', value: 19 }, { name: '石家庄市', value: 12 }, { name: '保定市', value: 11 }, { name: '廊坊市', value: 11 }, { name: '邯郸市', value: 10 }, { name: '邢台市', value: 10 }, { name: '唐山市', value: 8 }, { name: '张家口市', value: 8 }, { name: '衡水市', value: 4 }, { name: '承德市', value: 2 }, { name: '秦皇岛市', value: 1 }, { name: '三亚市', value: 16 }, { name: '海口市', value: 11 }, { name: '万宁市', value: 8 }, { name: '儋州市', value: 6 }, { name: '陵水县市', value: 5 }, { name: '琼海市', value: 5 }, { name: '临高县市', value: 4 }, { name: '澄迈县市', value: 2 }, { name: '琼中县市', value: 1 }, { name: '东方市', value: 1 }, { name: '定安县市', value: 1 }, { name: '昌江县市', value: 1 }, { name: '乐东市', value: 1 }, { name: '六盘水市', value: 8 }, { name: '贵阳市', value: 4 }, { name: '黔南州市', value: 4 }, { name: '遵义市', value: 4 }, { name: '铜仁市', value: 3 }, { name: '毕节市', value: 3 }, { name: '黔东南州市', value: 2 }, { name: '黔西南州市', value: 1 }, { name: '北海市', value: 23 }, { name: '桂林市', value: 21 }, { name: '南宁市', value: 16 }, { name: '柳州市', value: 12 }, { name: '防城港市', value: 8 }, { name: '河池市', value: 6 }, { name: '梧州市', value: 5 }, { name: '玉林市', value: 5 }, { name: '百色市', value: 2 }, { name: '钦州市', value: 1 }, { name: '贺州市', value: 1 }, { name: '深圳市', value: 170 }, { name: '广州市', value: 150 }, { name: '佛山市', value: 39 }, { name: '珠海市', value: 38 }, { name: '东莞市', value: 21 }, { name: '惠州市', value: 20 }, { name: '中山市', value: 18 }, { name: '汕头市', value: 14 }, { name: '湛江市', value: 13 }, { name: '阳江市', value: 10 }, { name: '揭阳市', value: 6 }, { name: '梅州市', value: 6 }, { name: '肇庆市', value: 6 }, { name: '清远市', value: 6 }, { name: '汕尾市', value: 4 }, { name: '韶关市', value: 4 }, { name: '茂名市', value: 3 }, { name: '江门市', value: 3 }, { name: '潮州市', value: 3 }, { name: '河源市', value: 1 }, { name: '兰州市', value: 20 }, { name: '天水市', value: 3 }, { name: '陇南市', value: 3 }, { name: '临夏市', value: 2 }, { name: '张掖市', value: 2 }, { name: '定西市', value: 2 }, { name: '白银市', value: 1 }, { name: '金昌市', value: 1 }, { name: '平凉市', value: 1 }, { name: '福州市', value: 39 }, { name: '莆田市', value: 25 }, { name: '泉州市', value: 24 }, { name: '厦门市', value: 17 }, { name: '漳州市', value: 11 }, { name: '三明市', value: 10 }, { name: '宁德市', value: 9 }, { name: '南平市', value: 8 }, { name: '龙岩市', value: 1 }, { name: '海淀区', value: 39 }, { name: '朝阳区', value: 28 }, { name: '大兴区', value: 20 }, { name: '西城区', value: 17 }, { name: '丰台区', value: 16 }, { name: '通州区', value: 13 }, { name: '昌平区', value: 12 }, { name: '外地来京区', value: 11 }, { name: '石景山区', value: 3 }, { name: '东城区', value: 3 }, { name: '顺义区', value: 2 }, { name: '房山区', value: 2 }, { name: '门头沟区', value: 1 }, { name: '怀柔区', value: 1 }, { name: '地区待确认区', value: 0 }, { name: '澳门市', value: 7 }, { name: '合肥市', value: 59 }, { name: '阜阳市', value: 47 }, { name: '安庆市', value: 37 }, { name: '亳州市', value: 25 }, { name: '马鞍山市', value: 22 }, { name: '铜陵市', value: 16 }, { name: '蚌埠市', value: 16 }, { name: '芜湖市', value: 15 }, { name: '六安市', value: 13 }, { name: '宿州市', value: 12 }, { name: '黄山市', value: 9 }, { name: '滁州市', value: 6 }, { name: '淮北市', value: 6 }, { name: '淮南市', value: 6 }, { name: '池州市', value: 4 }, { name: '宣城市', value: 4 }, { name: '宿松市', value: 0 }, { name: '高雄市', value: 10 }, { name: '中西区', value: 13 }, { name: '湾仔区', value: 13 }, { name: '东区', value: 13 }, { name: '南区', value: 13 }, { name: '油水旺区', value: 13 }, { name: '九龙市', value: 13 }, { name: '深水埗区', value: 13 }, { name: '黄大仙区', value: 13 }, { name: '观塘区', value: 13 }, { name: '西贡区', value: 13 }, { name: '沙田区', value: 13 }, { name: '葵青区', value: 13 }, { name: '荃湾区', value: 13 }, { name: '屯门区', value: 13 }, { name: '元朗区', value: 13 }, { name: '北区', value: 13 }, { name: '大埔区', value: 13 }, { name: '离岛区', value: 13 }, { name: '屏东县', value: 10 }, { name: '台南市', value: 10 }, { name: '新竹市', value: 10 }, { name: '新竹县', value: 10 }, { name: '宜兰县', value: 10 }, { name: '基隆市', value: 10 }, { name: '苗栗县', value: 10 }, { name: '台北市', value: 10 }, { name: '新北市', value: 10 }, { name: '桃园县', value: 10 }, { name: '彰化县', value: 10 }, { name: '嘉义县', value: 10 }, { name: '嘉义市', value: 10 }, { name: '花莲县', value: 10 }, { name: '南投县', value: 10 }, { name: '台中市', value: 10 }, { name: '云林县', value: 10 }, { name: '台东县', value: 10 }, { name: '澎湖县', value: 10 }, { name: '金门', value: 10 }, { name: '马祖', value: 10 }, ] // data: [ // {name: '承德市', value: 343.57}, // {name: '张家口市', value: 369.8}, // {name: '保定市', value: 1457.61}, // {name: '唐山市', value: 4530.19}, // {name: '沧州市', value: 2362.94}, // {name: '石家庄市', value: 3432.99}, // {name: '邢台市', value: 1413.37}, // {name: '邯郸市', value: 2607.73}, // {name: '秦皇岛市', value: 1662.17}, // {name: '衡水市', value: 1384.02}, // {name: '廊坊市', value: 3847.98}, // {name: '忻州市', value: 271.23}, // {name: '吕梁市', value: 450.01}, // {name: '临汾市', value: 572.69}, // {name: '晋中市', value: 637.72}, // {name: '运城市', value: 827.88}, // {name: '大同市', value: 745.65}, // {name: '长治市', value: 860.21}, // {name: '朔州市', value: 845.18}, // {name: '晋城市', value: 1103.71}, // {name: '太原市', value: 3928.34}, // {name: '阳泉市', value: 1303.51}, // {name: '呼伦贝尔市', value: 63.12}, // {name: '阿拉善盟', value: 11.94}, // {name: '锡林郭勒盟', value: 49.37}, // {name: '鄂尔多斯市', value: 487.16}, // {name: '赤峰市', value: 206.77}, // {name: '巴彦淖尔市', value: 137.78}, // {name: '通辽市', value: 315.33}, // {name: '乌兰察布市', value: 167.69}, // {name: '兴安盟', value: 83.99}, // {name: '包头市', value: 1345.99}, // {name: '呼和浩特市', value: 1794.3}, // {name: '乌海市', value: 3191.75}, // {name: '大连市', value: 6148.88}, // {name: '朝阳市', value: 433.92}, // {name: '丹东市', value: 644.15}, // {name: '铁岭市', value: 570.81}, // {name: '沈阳市', value: 5602.7}, // {name: '抚顺市', value: 1079.21}, // {name: '葫芦岛市', value: 691.48}, // {name: '阜新市', value: 507.53}, // {name: '锦州市', value: 1288.55}, // {name: '鞍山市', value: 2525.94}, // {name: '本溪市', value: 1384.73}, // {name: '营口市', value: 2821.53}, // {name: '辽阳市', value: 2171.84}, // {name: '盘锦市', value: 3086.56}, // {name: '延边朝鲜族自治州', value: 196.18}, // {name: '吉林市', value: 882.62}, // {name: '白城市', value: 271.78}, // {name: '松原市', value: 776.34}, // {name: '长春市', value: 2683.95}, // {name: '白山市', value: 382.36}, // {name: '通化市', value: 641.48}, // {name: '四平市', value: 875.89}, // {name: '辽源市', value: 1413.7}, // {name: '黑河市', value: 65.17}, // {name: '大兴安岭地区', value: 24.96}, // {name: '哈尔滨市', value: 1083.75}, // {name: '齐齐哈尔市', value: 299.12}, // {name: '牡丹江市', value: 322.97}, // {name: '绥化市', value: 365.02}, // {name: '伊春市', value: 75.77}, // {name: '佳木斯市', value: 247.73}, // {name: '鸡西市', value: 228.44}, // {name: '双鸭山市', value: 186.71}, // {name: '大庆市', value: 1406.04}, // {name: '鹤岗市', value: 181.31}, // {name: '七台河市', value: 341.83}, // {name: '盐城市', value: 2482.03}, // {name: '徐州市', value: 4725.05}, // {name: '南通市', value: 7684.54}, // {name: '淮安市', value: 2725.47}, // {name: '苏州市', value: 17087.94}, // {name: '宿迁市', value: 2485.32}, // {name: '连云港市', value: 2880.86}, // {name: '扬州市', value: 6094.24}, // {name: '南京市', value: 14757.51}, // {name: '泰州市', value: 6372.46}, // {name: '无锡市', value: 18409.9}, // {name: '常州市', value: 12060.78}, // {name: '镇江市', value: 9104.45}, // {name: '丽水市', value: 637.82}, // {name: '杭州市', value: 6055.8}, // {name: '温州市', value: 3918.94}, // {name: '宁波市', value: 8153.63}, // {name: '舟山市', value: 7589.21}, // {name: '台州市', value: 3776.28}, // {name: '金华市', value: 3109.72}, // {name: '衢州市', value: 1296.39}, // {name: '绍兴市', value: 5394.33}, // {name: '嘉兴市', value: 8985.46}, // {name: '湖州市', value: 3582.45}, // {name: '六安市', value: 565.47}, // {name: '安庆市', value: 925.34}, // {name: '滁州市', value: 965.54}, // {name: '宣城市', value: 788.33}, // {name: '阜阳市', value: 1296.63}, // {name: '宿州市', value: 1262.73}, // {name: '黄山市', value: 541.35}, // {name: '巢湖市', value: 300.73}, // {name: '亳州市', value: 1125.64}, // {name: '池州市', value: 658.54}, // {name: '合肥市', value: 8032.22}, // {name: '蚌埠市', value: 2105.27}, // {name: '芜湖市', value: 7408.28}, // {name: '淮北市', value: 2774.14}, // {name: '淮南市', value: 3485.82}, // {name: '马鞍山市', value: 8097.9}, // {name: '铜陵市', value: 8190.48}, // {name: '南平市', value: 509.04}, // {name: '三明市', value: 741.78}, // {name: '龙岩市', value: 911.96}, // {name: '宁德市', value: 1122.71}, // {name: '福州市', value: 4299.79}, // {name: '漳州市', value: 2149.76}, // {name: '泉州市', value: 5572.15}, // {name: '莆田市', value: 4018.36}, // {name: '厦门市', value: 22034.33}, // {name: '赣州市', value: 501.25}, // {name: '吉安市', value: 525.71}, // {name: '上饶市', value: 724.33}, // {name: '九江市', value: 1010.83}, // {name: '抚州市', value: 587.22}, // {name: '宜春市', value: 868.3}, // {name: '南昌市', value: 5403.95}, // {name: '景德镇市', value: 1468.91}, // {name: '萍乡市', value: 2385.95}, // {name: '鹰潭市', value: 1798.71}, // {name: '新余市', value: 2976.42}, // {name: '烟台市', value: 4689.43}, // {name: '临沂市', value: 2189.04}, // {name: '潍坊市', value: 3202.94}, // {name: '青岛市', value: 8243.31}, // {name: '菏泽市', value: 1961.73}, // {name: '济宁市', value: 3755.89}, // {name: '德州市', value: 2656.38}, // {name: '滨州市', value: 2491.36}, // {name: '聊城市', value: 3056.37}, // {name: '东营市', value: 4355.22}, // {name: '济南市', value: 7460.2}, // {name: '泰安市', value: 4069.05}, // {name: '威海市', value: 5177.8}, // {name: '日照市', value: 3124.16}, // {name: '淄博市', value: 6924.13}, // {name: '枣庄市', value: 4451.03}, // {name: '莱芜市', value: 2964.52}, // {name: '南阳市', value: 1081.45}, // {name: '信阳市', value: 960.93}, // {name: '洛阳市', value: 2277.76}, // {name: '驻马店市', value: 1198.11}, // {name: '周口市', value: 1747.39}, // {name: '商丘市', value: 1692.98}, // {name: '三门峡市', value: 1191.92}, // {name: '新乡市', value: 2417.72}, // {name: '平顶山市', value: 2164.15}, // {name: '郑州市', value: 9819.37}, // {name: '安阳市', value: 2542.13}, // {name: '开封市', value: 2492}, // {name: '焦作市', value: 4731.22}, // {name: '许昌市', value: 4345.79}, // {name: '濮阳市', value: 3113.79}, // {name: '漯河市', value: 3793.85}, // {name: '鹤壁市', value: 3287.14}, // {name: '恩施土家族苗族自治州', value: 278.22}, // {name: '十堰市', value: 549.04}, // {name: '宜昌市', value: 1608.14}, // {name: '襄樊市', value: 1714.73}, // {name: '黄冈市', value: 910.95}, // {name: '荆州市', value: 1130.5}, // {name: '荆门市', value: 1119.37}, // {name: '咸宁市', value: 1044.59}, // {name: '随州市', value: 814.93}, // {name: '孝感市', value: 1635.47}, // {name: '武汉市', value: 12839.19}, // {name: '黄石市', value: 2679.71}, // {name: '神农架林区', value: 85.16}, // {name: '天门市', value: 1529.37}, // {name: '仙桃市', value: 2893.59}, // {name: '潜江市', value: 4139.44}, // {name: '鄂州市', value: 4853.79}, // {name: '怀化市', value: 460.93}, // {name: '永州市', value: 631.96}, // {name: '邵阳市', value: 665.87}, // {name: '郴州市', value: 1037.79}, // {name: '常德市', value: 1489.29}, // {name: '湘西土家族苗族自治州', value: 321.74}, // {name: '衡阳市', value: 1700.49}, // {name: '岳阳市', value: 1913.1}, // {name: '益阳市', value: 1115.3}, // {name: '长沙市', value: 7200.36}, // {name: '株洲市', value: 2070.87}, // {name: '张家界市', value: 470.48}, // {name: '娄底市', value: 1591.31}, // {name: '湘潭市', value: 3396.01}, // {name: '清远市', value: 671.29}, // {name: '韶关市', value: 622.86}, // {name: '湛江市', value: 1908.45}, // {name: '梅州市', value: 604.78}, // {name: '河源市', value: 517.89}, // {name: '肇庆市', value: 1301.72}, // {name: '惠州市', value: 2814.16}, // {name: '茂名市', value: 2134.44}, // {name: '江门市', value: 2356.93}, // {name: '阳江市', value: 1573.13}, // {name: '云浮市', value: 916.76}, // {name: '广州市', value: 24348.14}, // {name: '汕尾市', value: 1445.77}, // {name: '揭阳市', value: 3606.9}, // {name: '珠海市', value: 11907.18}, // {name: '佛山市', value: 20800.21}, // {name: '潮州市', value: 2935.84}, // {name: '汕头市', value: 9050.51}, // {name: '深圳市', value: 87865.97}, // {name: '东莞市', value: 25456.69}, // {name: '中山市', value: 16722.41}, // {name: '百色市', value: 270.81}, // {name: '河池市', value: 184.45}, // {name: '桂林市', value: 698.69}, // {name: '南宁市', value: 1542.2}, // {name: '柳州市', value: 1234.69}, // {name: '崇左市', value: 393.54}, // {name: '来宾市', value: 415.86}, // {name: '玉林市', value: 1126.45}, // {name: '梧州市', value: 856.84}, // {name: '贺州市', value: 394.87}, // {name: '钦州市', value: 871}, // {name: '贵港市', value: 816.08}, // {name: '防城港市', value: 997.63}, // {name: '北海市', value: 2673.32}, // {name: '甘孜藏族自治州', value: 13.96}, // {name: '阿坝藏族羌族自治州', value: 31.47}, // {name: '凉山彝族自治州', value: 217.61}, // {name: '绵阳市', value: 838.14}, // {name: '达州市', value: 813.91}, // {name: '广元市', value: 370.98}, // {name: '雅安市', value: 328.44}, // {name: '宜宾市', value: 1149.81}, // {name: '乐山市', value: 1014.53}, // {name: '南充市', value: 1215.01}, // {name: '巴中市', value: 408}, // {name: '泸州市', value: 1106.73}, // {name: '成都市', value: 8931.05}, // {name: '资阳市', value: 1595.56}, // {name: '攀枝花市', value: 1243.53}, // {name: '眉山市', value: 1433.16}, // {name: '广安市', value: 1585.15}, // {name: '德阳市', value: 2715.39}, // {name: '内江市', value: 2225.36}, // {name: '遂宁市', value: 1719.84}, // {name: '自贡市', value: 2614.03}, // {name: '遵义市', value: 704.88}, // {name: '黔东南苗族侗族自治州', value: 262.81}, // {name: '毕节地区', value: 544.21}, // {name: '黔南布依族苗族自治州', value: 327.67}, // {name: '铜仁地区', value: 428.13}, // {name: '黔西南布依族苗族自治州', value: 468.99}, // {name: '六盘水市', value: 1207.61}, // {name: '安顺市', value: 674.88}, // {name: '贵阳市', value: 3598.71}, // {name: '普洱市', value: 113.26}, // {name: '红河哈尼族彝族自治州', value: 370.8}, // {name: '文山壮族苗族自治州', value: 207.84}, // {name: '曲靖市', value: 552.76}, // {name: '楚雄彝族自治州', value: 260.78}, // {name: '大理白族自治州', value: 305.55}, // {name: '临沧市', value: 205.21}, // {name: '迪庆藏族自治州', value: 67.51}, // {name: '昭通市', value: 307.71}, // {name: '昆明市', value: 1838.57}, // {name: '丽江市', value: 136.49}, // {name: '西双版纳傣族自治州', value: 175.65}, // {name: '保山市', value: 281.09}, // {name: '玉溪市', value: 814.22}, // {name: '怒江傈僳族自治州', value: 76.96}, // {name: '德宏傣族景颇族自治州', value: 253.62}, // {name: '那曲地区', value: 2.43}, // {name: '阿里地区', value: 1.22}, // {name: '日喀则地区', value: 9.27}, // {name: '林芝地区', value: 9.32}, // {name: '昌都地区', value: 12.82}, // {name: '山南地区', value: 14.26}, // {name: '拉萨市', value: 127.62}, // {name: '榆林市', value: 601.52}, // {name: '延安市', value: 323.64}, // {name: '汉中市', value: 390.83}, // {name: '安康市', value: 328.31}, // {name: '商洛市', value: 322.33}, // {name: '宝鸡市', value: 985.96}, // {name: '渭南市', value: 1118.54}, // {name: '咸阳市', value: 2114.47}, // {name: '西安市', value: 5739.22}, // {name: '铜川市', value: 836.01}, // {name: '酒泉市', value: 28.09}, // {name: '张掖市', value: 89.1}, // {name: '甘南藏族自治州', value: 35.68}, // {name: '武威市', value: 125.22}, // {name: '陇南市', value: 112.9}, // {name: '庆阳市', value: 224.73}, // {name: '白银市', value: 205.26}, // {name: '定西市', value: 149.99}, // {name: '天水市', value: 385.67}, // {name: '兰州市', value: 1601.72}, // {name: '平凉市', value: 311.28}, // {name: '临夏回族自治州', value: 284.71}, // {name: '金昌市', value: 252.38}, // {name: '嘉峪关市', value: 647.51}, // {name: '海西蒙古族藏族自治州', value: 14.62}, // {name: '玉树藏族自治州', value: 3.06}, // {name: '果洛藏族自治州', value: 4.67}, // {name: '海南藏族自治州', value: 31.48}, // {name: '海北藏族自治州', value: 27.85}, // {name: '黄南藏族自治州', value: 38.76}, // {name: '海东地区', value: 343.18}, // {name: '西宁市', value: 1524.25}, // {name: '吴忠市', value: 198.49}, // {name: '中卫市', value: 186.56}, // {name: '固原市', value: 150.5}, // {name: '银川市', value: 1563.48}, // {name: '石嘴山市', value: 908.44}, // {name: '巴音郭楞蒙古自治州', value: 21.53}, // {name: '和田地区', value: 9.41}, // {name: '哈密地区', value: 27.69}, // {name: '阿拉尔市', value: 10.41}, // {name: '图木舒克市', value: 12.4}, // {name: '五家渠市', value: 13.43}, // {name: '石河子市', value: 45.2}, // {name: '阿克苏地区', value: 63.25}, // {name: '阿勒泰地区', value: 18.83}, // {name: '喀什地区', value: 55.94}, // {name: '塔城地区', value: 62.52}, // {name: '昌吉回族自治州', value: 154.77}, // {name: '克孜勒苏柯尔克孜自治州', value: 13.81}, // {name: '吐鲁番地区', value: 41.43}, // {name: '伊犁哈萨克自治州', value: 49.89}, // {name: '博尔塔拉蒙古自治州', value: 115.37}, // {name: '乌鲁木齐市', value: 1851.16}, // {name: '克拉玛依市', value: 659.23}, // {name: '密云县', value: 14024.28}, // {name: '怀柔区', value: 14024.28}, // {name: '房山区', value: 14024.28}, // {name: '延庆县', value: 14024.28}, // {name: '门头沟区', value: 14024.28}, // {name: '昌平区', value: 14024.28}, // {name: '大兴区', value: 14024.28}, // {name: '顺义区', value: 14024.28}, // {name: '平谷区', value: 14024.28}, // {name: '通州区', value: 14024.28}, // {name: '朝阳区', value: 14024.28}, // {name: '海淀区', value: 14024.28}, // {name: '丰台区', value: 14024.28}, // {name: '石景山区', value: 14024.28}, // {name: '西城区', value: 14024.28}, // {name: '东城区', value: 14024.28}, // {name: '宣武区', value: 14024.28}, // {name: '崇文区', value: 14024.28}, // {name: '蓟县', value: 13877.97}, // {name: '武清区', value: 13877.97}, // {name: '宝坻区', value: 13877.97}, // {name: '静海县', value: 13877.97}, // {name: '宁河县', value: 13877.97}, // {name: '大港区', value: 13877.97}, // {name: '塘沽区', value: 13877.97}, // {name: '西青区', value: 13877.97}, // {name: '北辰区', value: 13877.97}, // {name: '东丽区', value: 13877.97}, // {name: '汉沽区', value: 13877.97}, // {name: '津南区', value: 13877.97}, // {name: '河西区', value: 13877.97}, // {name: '河东区', value: 13877.97}, // {name: '南开区', value: 13877.97}, // {name: '河北区', value: 13877.97}, // {name: '红桥区', value: 13877.97}, // {name: '和平区', value: 13877.97}, // {name: '儋州市', value: 1082.75}, // {name: '文昌市', value: 1082.75}, // {name: '乐东黎族自治县', value: 1082.75}, // {name: '三亚市', value: 1082.75}, // {name: '琼中黎族苗族自治县', value: 1082.75}, // {name: '东方市', value: 1082.75}, // {name: '海口市', value: 1082.75}, // {name: '万宁市', value: 1082.75}, // {name: '澄迈县', value: 1082.75}, // {name: '白沙黎族自治县', value: 1082.75}, // {name: '琼海市', value: 1082.75}, // {name: '昌江黎族自治县', value: 1082.75}, // {name: '临高县', value: 1082.75}, // {name: '陵水黎族自治县', value: 1082.75}, // {name: '屯昌县', value: 1082.75}, // {name: '定安县', value: 1082.75}, // {name: '保亭黎族苗族自治县', value: 1082.75}, // {name: '五指山市', value: 1082.75}, // {name: '酉阳土家族苗族自治县', value: 1910.48}, // {name: '奉节县', value: 1910.48}, // {name: '巫溪县', value: 1910.48}, // {name: '开县', value: 1910.48}, // {name: '彭水苗族土家族自治县', value: 1910.48}, // {name: '云阳县', value: 1910.48}, // {name: '万州区', value: 1910.48}, // {name: '城口县', value: 1910.48}, // {name: '江津区', value: 1910.48}, // {name: '石柱土家族自治县', value: 1910.48}, // {name: '巫山县', value: 1910.48}, // {name: '涪陵区', value: 1910.48}, // {name: '丰都县', value: 1910.48}, // {name: '武隆县', value: 1910.48}, // {name: '南川区', value: 1910.48}, // {name: '秀山土家族苗族自治县', value: 1910.48}, // {name: '黔江区', value: 1910.48}, // {name: '合川区', value: 1910.48}, // {name: '綦江县', value: 1910.48}, // {name: '忠县', value: 1910.48}, // {name: '梁平县', value: 1910.48}, // {name: '巴南区', value: 1910.48}, // {name: '潼南县', value: 1910.48}, // {name: '永川区', value: 1910.48}, // {name: '垫江县', value: 1910.48}, // {name: '渝北区', value: 1910.48}, // {name: '长寿区', value: 1910.48}, // {name: '大足县', value: 1910.48}, // {name: '铜梁县', value: 1910.48}, // {name: '荣昌县', value: 1910.48}, // {name: '璧山县', value: 1910.48}, // {name: '北碚区', value: 1910.48}, // {name: '万盛区', value: 1910.48}, // {name: '九龙坡区', value: 1910.48}, // {name: '沙坪坝区', value: 1910.48}, // {name: '南岸区', value: 1910.48}, // {name: '江北区', value: 1910.48}, // {name: '大渡口区', value: 1910.48}, // {name: '双桥区', value: 1910.48}, // {name: '渝中区', value: 1910.48}, // {name: '高雄市', value: 10}, // {name: '屏东县', value: 10}, // {name: '台南市', value: 10}, // {name: '新竹市', value: 10}, // {name: '新竹县', value: 10}, // {name: '宜兰县', value: 10}, // {name: '基隆市', value: 10}, // {name: '苗栗县', value: 10}, // {name: '台北市', value: 10}, // {name: '新北市', value: 10}, // {name: '桃园县', value: 10}, // {name: '彰化县', value: 10}, // {name: '嘉义县', value: 10}, // {name: '嘉义市', value: 10}, // {name: '花莲县', value: 10}, // {name: '南投县', value: 10}, // {name: '台中市', value: 10}, // {name: '云林县', value: 10}, // {name: '台东县', value: 10}, // {name: '澎湖县', value: 10}, // {name: '金门', value: 10}, // {name: '马祖', value: 10}, // {name: '中西区', value: 13}, // {name: '湾仔区', value: 13}, // {name: '东区', value: 13}, // {name: '南区', value: 13}, // {name: '油水旺区', value: 13}, // {name: '九龙市', value: 13}, // {name: '深水埗区', value: 13}, // {name: '黄大仙区', value: 13}, // {name: '观塘区', value: 13}, // {name: '西贡区', value: 13}, // {name: '沙田区', value: 13}, // {name: '葵青区', value: 13}, // {name: '荃湾区', value: 13}, // {name: '屯门区', value: 13}, // {name: '元朗区', value: 13}, // {name: '北区', value: 13}, // {name: '大埔区', value: 13}, // {name: '离岛区', value: 13}, // {name: '澳门', value: 968326.74}, // {name: '崇明县', value: 39623.85}, // {name: '南汇区', value: 39623.85}, // {name: '奉贤区', value: 39623.85}, // {name: '东新区', value: 39623.85}, // {name: '金山区', value: 39623.85}, // {name: '青浦区', value: 39623.85}, // {name: '松江区', value: 39623.85}, // {name: '嘉定区', value: 39623.85}, // {name: '宝山区', value: 39623.85}, // {name: '闵行区', value: 39623.85}, // {name: '杨浦区', value: 39623.85}, // {name: '普陀区', value: 39623.85}, // {name: '徐汇区', value: 39623.85}, // {name: '长宁区', value: 39623.85}, // {name: '闸北区', value: 39623.85}, // {name: '虹口区', value: 39623.85}, // {name: '黄浦区', value: 39623.85}, // {name: '卢湾区', value: 39623.85}, // {name: '静安区', value: 39623.85}, // {name:'浦东新区',value: 39623.85} // ] }, ] }); }); </script> </body> </html>
这里需要用到各个地级市的位置信息，为了方便，把这个信息放置于此，需要的自取：（这里只需data-1519188124693-rkro_O5vz.json这一个文件即可）
网盘地址：https://pan.baidu.com/s/1mVGNdLIHy6mcu26i5gNyNw 提取码：fr17
另外还可以使用地图下钻的方式进行使用
效果图（这里我没有输入正确的数据，里面的数据仅作为测试使用）
地图下钻需要用到每个省的json文件，在上面的网盘资料中可以下载
我也是参考了：https://www.cnblogs.com/smartisn/p/12336134.html （博主分享了自己的GitHub路径，可以通过GitHub下载）
另外还可以参考：https://www.cnblogs.com/ljm-zsy/p/12340096.html（博主已经将数据库中的信息动态加载到界面，进行可视化展示）
界面代码：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>ECharts · Example</title> <script src="js/echarts.js"></script> <script src="js/jquery-3.3.1.min.js"></script> </head> <body> <div id="chart" class="chart" style="height: 530px;"></div> <script type="text/javascript"> // 基于准备好的dom，初始化echarts图表 var myChart = echarts.init(document.getElementById('chart')); //各省份的地图json文件 var provinces = { '上海': 'json/data-1482909900836-H1BC_1WHg.json', '河北': 'json/data-1482909799572-Hkgu_yWSg.json', '山西': 'json/data-1482909909703-SyCA_JbSg.json', '内蒙古': 'json/data-1482909841923-rkqqdyZSe.json', '辽宁': 'json/data-1482909836074-rJV9O1-Hg.json', '吉林': 'json/data-1482909832739-rJ-cdy-Hx.json', '黑龙江': 'json/data-1482909803892-Hy4__J-Sx.json', '江苏': 'json/data-1482909823260-HkDtOJZBx.json', '浙江': 'json/data-1482909960637-rkZMYkZBx.json', '安徽': 'json/data-1482909768458-HJlU_yWBe.json', '福建': 'json/data-1478782908884-B1H6yezWe.json', '江西': 'json/data-1482909827542-r12YOJWHe.json', '山东': 'json/data-1482909892121-BJ3auk-Se.json', '河南': 'json/data-1482909807135-SJPudkWre.json', '湖北': 'json/data-1482909813213-Hy6u_kbrl.json', '湖南': 'json/data-1482909818685-H17FOkZSl.json', '广东': 'json/data-1482909784051-BJgwuy-Sl.json', '广西': 'json/data-1482909787648-SyEPuJbSg.json', '海南': 'json/data-1482909796480-H12P_J-Bg.json', '四川': 'json/data-1482909931094-H17eKk-rg.json', '贵州': 'json/data-1482909791334-Bkwvd1bBe.json', '云南': 'json/data-1482909957601-HkA-FyWSx.json', '西藏': 'json/data-1482927407942-SkOV6Qbrl.json', '陕西': 'json/data-1482909918961-BJw1FyZHg.json', '甘肃': 'json/data-1482909780863-r1aIdyWHl.json', '青海': 'json/data-1482909853618-B1IiOyZSl.json', '宁夏': 'json/data-1482909848690-HJWiuy-Bg.json', '新疆': 'json/data-1482909952731-B1YZKkbBx.json', '北京': 'json/data-1482818963027-Hko9SKJrg.json', '天津': 'json/data-1482909944620-r1-WKyWHg.json', '重庆': 'json/data-1482909775470-HJDIdk-Se.json', '香港': 'json/data-1461584707906-r1hSmtsx.json', '澳门': 'json/data-1482909771696-ByVIdJWBx.json' }; //各省份的数据 var allData = [{ name: '北京' }, { name: '天津' }, { name: '上海' }, { name: '重庆' }, { name: '河北' }, { name: '河南' }, { name: '云南' }, { name: '辽宁' }, { name: '黑龙江' }, { name: '湖南' }, { name: '安徽' }, { name: '山东' }, { name: '新疆' }, { name: '江苏' }, { name: '浙江' }, { name: '江西' }, { name: '湖北' }, { name: '广西' }, { name: '甘肃' }, { name: '山西' }, { name: '内蒙古' }, { name: '陕西' }, { name: '吉林' }, { name: '福建' }, { name: '贵州' }, { name: '广东' }, { name: '青海' }, { name: '西藏' }, { name: '四川' }, { name: '宁夏' }, { name: '海南' }, { name: '台湾' }, { name: '香港' }, { name: '澳门' }]; for (var i = 0; i < allData.length; i++) { allData[i].value = Math.round(Math.random() * 100); } loadMap('json/data-1527045631990-r1dZ0IM1X.json', 'china');//初始化全国地图 var timeFn = null; //单击切换到省级地图，当mapCode有值,说明可以切换到下级地图 myChart.on('click', function(params) { clearTimeout(timeFn); //由于单击事件和双击事件冲突，故单击的响应事件延迟250毫秒执行 timeFn = setTimeout(function() { var name = params.name; //地区name var mapCode = provinces[name]; //地区的json数据 if (!mapCode) { alert('无此区域地图显示'); return; } loadMap(mapCode, name); }, 250); }); // 绑定双击事件，返回全国地图 myChart.on('dblclick', function(params) { //当双击事件发生时，清除单击事件，仅响应双击事件 clearTimeout(timeFn); //返回全国地图 loadMap('json/data-1527045631990-r1dZ0IM1X.json', 'china'); }); /** 获取对应的json地图数据，然后向echarts注册该区域的地图，最后加载地图信息 @params {String} mapCode:json数据的地址 @params {String} name: 地图名称 */ function loadMap(mapCode, name) { $.get(mapCode, function(data) { if (data) { echarts.registerMap(name, data); var option = { title: { text: '地图下钻', subtext: '双击返回中国地图', left: 'center' }, toolbox: { feature: { dataView: {show: true, readOnly: false}, magicType: {show: true, type: ['line', 'map']}, restore: {show: true}, saveAsImage: {show: true} } }, tooltip: { show: true, formatter: function(params) { if (params.data) return params.name + '：' + params.data['value'] }, }, visualMap: { type: 'continuous', text: ['', ''], showLabel: true, left: '50', min: 0, max: 100, inRange: { color: ['#edfbfb', '#b7d6f3', '#40a9ed', '#3598c1', '#215096', ] }, splitNumber: 0 }, series: [{ name: 'MAP', type: 'map', mapType: name, selectedMode: 'false',//是否允许选中多个区域 label: { normal: { show: true }, emphasis: { show: true } }, data: allData }] }; myChart.setOption(option); // curMap = { // mapCode: mapCode, // mapName: name // }; } else { alert('无法加载该地图'); } }); } </script> </body> </html>
下面是我从echarts中找到的一些地图下钻的模板，供大家参考：
https://gallery.echartsjs.com/editor.html?c=xBJXwhy8Rx
https://gallery.echartsjs.com/editor.html?c=x4snrWXFGe
https://gallery.echartsjs.com/editor.html?c=xBJXwhy8Rx
https://gallery.echartsjs.com/editor.html?c=x---RvEDTa
