静态气泡地图更新

report-ui/src/views/report/bigscreen/designer/widget/map/widgetAirBubbleMap.vue

@@ -217,9 +217,9 @@ export default {
           show: true,
           formatter: function (params) {
             if (params.value.length > 1) {
-              return '  ' + params.name + '   ' + params.value[2] + '人  ';
+              return '  ' + params.name + '   ' + params.value[2] + '  ';
             } else {
-              return '  ' + params.name + '   ' + params.value + '人  ';
+              return '  ' + params.name + '   ' + params.value + '  ';
             }
           },
         },
@@ -249,21 +249,26 @@ export default {
             }
           }
         },
-        series: [{
+        series: [
+          {
             type: 'map',
             map: 'china',
             aspectScale: 0.75,
-          //zoom:1.1,
             label: {
               normal: {
-              show: false,
+                //formatter: '{b}',
+                position: 'right',
+                show: true,
+                color: '#53D9FF',
+                fontSize: 15
               },
               emphasis: {
-              show: false,
-            }
+                show: true,
+              },
             },
             itemStyle: {
               normal: {
+                //地图块颜色
                 areaColor: {
                   x: 0,
                   y: 0,
@@ -280,6 +285,7 @@ export default {
                 borderColor: '#215495',
                 borderWidth: 1,
               },
+              //鼠标放置颜色加深
               emphasis: {
                 areaColor: {
                   x: 0,
@@ -291,14 +297,15 @@ export default {
                     color: '#073684' // 0% 处的颜色
                   }, {
                     offset: 1,
-                  color: '#061E3D' // 100% 处的颜色
+                    color: '#2B91B7' // 100% 处的颜色
                   }],
                 },
               }
             },
             data: data,
           },
-          {type: 'effectScatter',
+          {
+            type: 'effectScatter',
             coordinateSystem: 'geo',
             rippleEffect: {
               brushType: 'stroke'
@@ -306,6 +313,7 @@ export default {
             showEffectOn: 'render',
             itemStyle: {
               normal: {
+                //气泡颜色
                 color: {
                   type: 'radial',
                   x: 0.5,
@@ -346,7 +354,8 @@ export default {
             symbolSize: function (val) {
               if (val[2] == 0) {
                 return 0;
-            };
+              }
+              ;
               return ((maxSize4Pin - minSize4Pin) / (max - min)) * val[2] + (maxSize4Pin - ((maxSize4Pin - minSize4Pin) / (max - min)) * max) * 1.2;
             },
             data: convertData(data),
@@ -463,6 +472,7 @@ export default {
   width: 100%;
   height: 100%;
 }
+
 .echarts {
   width: 100%;
   height: 100%;