驾驶舱

package.json

@@ -20,7 +20,8 @@
     "avue-plugin-map": "^1.0.1",
     "axios": "0.18.1",
     "core-js": "3.6.5",
-    "echarts": "^4.2.1",
+    "echarts": "^5.2.0",
+    "echarts-gl": "^2.0.8",
     "element-ui": "2.15.13",
     "file-saver": "^2.0.5",
     "js-cookie": "2.2.0",

src/views/jsc/components/mapChart.vue

@@ -237,10 +237,10 @@
                 name: "相城区",
                 itemStyle: {
                   normal: {
-                    areaColor: "#75bedc",
+                    areaColor: "#1890ff",
                   },
                   emphasis: {
-                    areaColor: "#75bedc",
+                    areaColor: "#1890ff",
                   },
                 },
               },
@@ -248,10 +248,10 @@
                 name: "姑苏区",
                 itemStyle: {
                   normal: {
-                    areaColor: '#00ffff',
+                    areaColor: '#40a9ff',
                   },
                   emphasis: {
-                    areaColor: '#00ffff',
+                    areaColor: '#40a9ff',
                   },
                 },
               },
@@ -259,10 +259,10 @@
                 name: "虎丘区",
                 itemStyle: {
                   normal: {
-                    areaColor: "#d7335a",
+                    areaColor: "#2f54eb",
                   },
                   emphasis: {
-                    areaColor: "#d7335a",
+                    areaColor: "#2f54eb",
                   },
                 },
               },
@@ -270,21 +270,22 @@
                 name: "吴中区",
                 itemStyle: {
                   normal: {
-                    areaColor: "#fc8251",
+                    areaColor: "#1d39c4",
                   },
                   emphasis: {
-                    areaColor: "#fc8251",
+                    areaColor: "#1d39c4",
                   },
                 },
               },
               {
                 name: "太仓市",
-                itemStyle: {
+                itemStyle: {
+
                   normal: {
-                    areaColor: '#91cd77',
+                    areaColor: '#597ef7',
                   },
                   emphasis: {
-                    areaColor: '#91cd77',
+                    areaColor: '#597ef7',
                   },
                 },
               },
@@ -292,10 +293,10 @@
                 name: "昆山市",
                 itemStyle: {
                   normal: {
-                    areaColor: '#ef6567',
+                    areaColor: '#10239e',
                   },
                   emphasis: {
-                    areaColor: '#ef6567',
+                    areaColor: '#10239e',
                   },
                 },
               },
@@ -303,10 +304,10 @@
                 name: "常熟市",
                 itemStyle: {
                   normal: {
-                    areaColor: '#f9c956',
+                    areaColor: '#69c0ff',
                   },
                   emphasis: {
-                    areaColor: '#f9c956',
+                    areaColor: '#69c0ff',
                   },
                 },
               },
@@ -314,10 +315,10 @@
                 name: "张家港市",
                 itemStyle: {
                   normal: {
-                    areaColor: '#c968e1',
+                    areaColor: '#0050b3',
                   },
                   emphasis: {
-                    areaColor: '#c968e1',
+                    areaColor: '#0050b3',
                   },
                 },
               },
@@ -325,10 +326,10 @@
                 name: "吴江区",
                 itemStyle: {
                   normal: {
-                    areaColor: '#c968e1',
+                    areaColor: '#096dd9',
                   },
                   emphasis: {
-                    areaColor: '#c968e1',
+                    areaColor: '#096dd9',
                   },
                 },
               }
@@ -349,9 +350,10 @@
                 position: 'center',
                 color: "#333",
                 textAlign: "center",
-                padding: [5, 10],
+                padding: [5, 10],
+                borderRadius:20,
                 borderWidth: 1, // 图形描边的宽度。
-                borderColor: "#fff", // 边框颜色
+                borderColor: "#096dd9", // 边框颜色
                 backgroundColor: '#fff', // 背景色
                 formatter(val) {
                   return val.data.name