1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114
| import { registerMap } from 'echarts/core' import china from '@/utils/data/china.json' registerMap('china', china)
var province = [ '福建', '江苏', '浙江', '安徽', '广东', '北京', '山东', '上海', '辽宁', '四川', '河北', '河南', '湖南', '山西', '江西', '内蒙古', '湖北', '广西', '重庆', '天津', '陕西', '贵州', '宁夏', '云南', '吉林', '青海', '新疆', '黑龙江', '甘肃', '西藏', '海南', ]; var data = [ 42, 41, 37, 33, 24, 23, 19, 18, 13, 13, 10, 8, 8, 7, 7, 6, 6, 5, 5, 4, 4, 4, 3, 3, 3, 2, 2, 2, 2, 0, 0, ]; var res = []; for (var j = 0; j < data.length; j++) { res.push({ name: province[j], value: data[j], }); } res.sort(function (a, b) { return a.value - b.value; }); var res1 = []; var res2 = []; for (var t = 0; t < 10; t++) { res1[t] = res[res.length - 1 - t].name; res2[t] = res[res.length - 1 - t].value; }
const marOption = { visualMap: { type: 'piecewise', text: ['大', '小'], pieces: [ { min: 41, color: '#73240D', }, { min: 31, max: 40, color: '#BB0000', },
{ min: 21, max: 30, color: '#BD430A', }, { min: 11, max: 20, color: '#E08150', }, { min: 1, max: 10, color: '#E9B090', }, { value: 0, color: '#ffffff', }, ], textStyle: { color: 'black', }, }, series: [ { name: 'mapSer', type: 'map', map: 'china', roam: false, label: { show: false, }, data: res, }, ], };
|