Parcourir la source

修改地图样式和折线图样式

gxr il y a 4 ans
Parent
commit
777b6d8d60

+ 5 - 4
echarts-screen/src/components/TrendCon.vue

@@ -40,9 +40,9 @@ export default {
       // console.log(dataC2);
       // console.log(dataC3);
 
-      var fontColor = '#30eee9';
+      // var fontColor = '#30eee9';
       let option = {
-        backgroundColor: '#11183c',
+        // backgroundColor: '#11183c',
         grid: {
           left: '5%',
           right: '2%',
@@ -78,7 +78,7 @@ export default {
             color: '#65aaf1'
           },
           axisLine: {
-            show: true,
+            show: false,
             lineStyle: {
               color: '#0a2b52',
               width: 1
@@ -112,12 +112,13 @@ export default {
             }
           },
           axisLine: {
+            show: false,
             lineStyle: {
               color: '#0a2b52'
             }
           },
           splitLine: {
-            show: true,
+            show: false,
             lineStyle: {
               color: '#0a2b52',
               width: 1,

+ 8 - 7
echarts-screen/src/views/Brand.vue

@@ -9738,7 +9738,7 @@
                 let option = {
                     timeline: {
                         checkpointStyle: {
-                            color: '#7866ff',
+                            color: '#11715a',
                             borderColor: '#8df4f4',
                             borderWidth: 2,
                         },
@@ -9771,7 +9771,7 @@
                             },
                             emphasis: {
                                 textStyle: {
-                                    color: '#fff'
+                                    color: '#f4c2ff'
                                 }
                             }
                         },
@@ -9809,7 +9809,7 @@
                             max: 1200,
                             calculable: true,
                             inRange: {
-                                color: ['#24CFF4', '#2E98CA', '#1E62AC', '#f46d43', '#d73027', '#a50026']
+                                color: ['#03497d', '#05b663', '#d9cf21', '#f46d43', '#a50026']
                             },
                             textStyle: {
                                 color: '#24CFF4'
@@ -9833,15 +9833,16 @@
                             itemStyle: {
                                 normal: {
                                     areaColor: "rgba(43, 196, 243, 0.42)",
-                                    borderColor: "rgba(43, 196, 243, 1)",
+                                    borderColor: "#30eee9",
                                     borderWidth: 1,
                                     shadowBlur: 15,
                                     shadowOffsetX: 7,
                                     shadowOffsetY: 6,
                                 },
                                 emphasis: {
-                                    areaColor: "#f5db62",
-                                    shadowBlur: 25,
+                                    areaColor: "#ffe857",
+                                    borderColor: "#f3f3a8",
+                                  shadowBlur: 25,
                                 }
                             }
                         }]
@@ -9950,7 +9951,7 @@
                     position: absolute;
                     right: 1.375rem;
                     top: 0.5rem;
-                    color: rgba(126, 240, 255, .7);
+                    color: rgba(126, 240, 255, 0.7);
                     display: flex;
 
                     .time {