1

src/views/home/components/center.vue

@@ -32,6 +32,20 @@ export default {
       timeoutnum: null, // 断开 重连倒计时
       userLoginCount: '000000',
       option: {
+        visualMap: {
+          show: false,
+          min: 0,
+          max: 1000,
+          left: 'left',
+          top: 'bottom',
+          text: ['高', '低'],
+          calculable: false,
+          orient: 'horizontal',
+          inRange: {
+            color: ['#e0ffff', '#006edd'],
+            symbolSize: [30, 100]
+          }
+        },
         series: [
           {
             type: 'map',
@@ -56,40 +70,40 @@ export default {
               }
             },
             data: [
-              { name: '北京', selected: false, value: '11' },
-              { name: '天津', selected: false, value: '12' },
-              { name: '上海', selected: false, value: '31' },
-              { name: '重庆', selected: false, value: '50' },
-              { name: '河北', selected: false, value: '13' },
-              { name: '河南', selected: false, value: '41' },
-              { name: '云南', selected: false, value: '53' },
-              { name: '辽宁', selected: false, value: '21' },
-              { name: '黑龙江', selected: false, value: '23' },
-              { name: '湖南', selected: false, value: '43' },
-              { name: '安徽', selected: false, value: '34' },
-              { name: '山东', selected: false, value: '37' },
-              { name: '新疆', selected: false, value: '65' },
-              { name: '江苏', selected: false, value: '32' },
-              { name: '浙江', selected: false, value: '33' },
-              { name: '江西', selected: false, value: '36' },
-              { name: '湖北', selected: false, value: '42' },
-              { name: '广西', selected: false, value: '45' },
-              { name: '甘肃', selected: false, value: '62' },
-              { name: '山西', selected: false, value: '14' },
-              { name: '内蒙古', selected: false, value: '15' },
-              { name: '陕西', selected: false, value: '61' },
-              { name: '吉林', selected: false, value: '22' },
-              { name: '福建', selected: false, value: '35' },
-              { name: '贵州', selected: false, value: '52' },
-              { name: '广东', selected: false, value: '44' },
-              { name: '青海', selected: false, value: '63' },
-              { name: '西藏', selected: false, value: '54' },
-              { name: '四川', selected: false, value: '51' },
-              { name: '宁夏', selected: false, value: '64' },
-              { name: '海南', selected: false, value: '46' },
-              { name: '台湾', selected: false, value: '71' },
-              { name: '香港', selected: false, value: '81' },
-              { name: '澳门', selected: false, value: '82' }
+              { name: '北京', selected: false, code: '11', value: '616' },
+              { name: '天津', selected: false, code: '12', value: '120' },
+              { name: '上海', selected: false, code: '31', value: '310' },
+              { name: '重庆', selected: false, code: '50', value: '500' },
+              { name: '河北', selected: false, code: '13', value: '530' },
+              { name: '河南', selected: false, code: '41', value: '710' },
+              { name: '云南', selected: false, code: '53', value: '830' },
+              { name: '辽宁', selected: false, code: '21', value: '410' },
+              { name: '黑龙江', selected: false, code: '23', value: '830' },
+              { name: '湖南', selected: false, code: '43', value: '730' },
+              { name: '安徽', selected: false, code: '34', value: '340' },
+              { name: '山东', selected: false, code: '37', value: '370' },
+              { name: '新疆', selected: false, code: '65', value: '650' },
+              { name: '江苏', selected: false, code: '32', value: '320' },
+              { name: '浙江', selected: false, code: '33', value: '330' },
+              { name: '江西', selected: false, code: '36', value: '760' },
+              { name: '湖北', selected: false, code: '42', value: '220' },
+              { name: '广西', selected: false, code: '45', value: '350' },
+              { name: '甘肃', selected: false, code: '62', value: '420' },
+              { name: '山西', selected: false, code: '14', value: '540' },
+              { name: '内蒙古', selected: false, code: '15', value: '950' },
+              { name: '陕西', selected: false, code: '61', value: '610' },
+              { name: '吉林', selected: false, code: '22', value: '220' },
+              { name: '福建', selected: false, code: '35', value: '820' },
+              { name: '贵州', selected: false, code: '52', value: '820' },
+              { name: '广东', selected: false, code: '44', value: '340' },
+              { name: '青海', selected: false, code: '63', value: '730' },
+              { name: '西藏', selected: false, code: '54', value: '840' },
+              { name: '四川', selected: false, code: '51', value: '410' },
+              { name: '宁夏', selected: false, code: '64', value: '640' },
+              { name: '海南', selected: false, code: '46', value: '460' },
+              { name: '台湾', selected: false, code: '71', value: '710' },
+              { name: '香港', selected: false, code: '81', value: '810' },
+              { name: '澳门', selected: false, code: '82', value: '820' }
             ]
           }
         ]
@@ -152,7 +166,7 @@ export default {
       const json = JSON.parse(e.data)
       this.userLoginCount = json.userLoginCount.toString()
       this.option.series[0].data.map(item => {
-        if (item.value === json.code) {
+        if (item.code === json.code) {
           item.selected = true
         }
       })
@@ -160,7 +174,7 @@ export default {
       setTimeout(() => {
         //延迟两秒后取消选中
         this.option.series[0].data.map(item => {
-          if (item.value === json.code) {
+          if (item.code === json.code) {
             item.selected = false
           }
         })