Browse Source

修改折线图粗细+颜色

East 4 years ago
parent
commit
a88f114e58
2 changed files with 14 additions and 5 deletions
  1. 10 2
      src/views/home/charts/Eline1.vue
  2. 4 3
      src/views/home/charts/Eline2.vue

+ 10 - 2
src/views/home/charts/Eline1.vue

@@ -80,9 +80,10 @@
               },
               itemStyle: {
                 normal: {
-                  color: '#275F82', //改变折线点的颜色
+                  color: '#388e3c', //改变折线点的颜色
                   lineStyle: {
-                    color: 'rgb(146 200 175)' //改变折线颜色
+                    color: '#388e3c',//改变折线颜色
+                    width: 3.5 
                   }
                 }
               },
@@ -91,6 +92,13 @@
             {
               name: '氨气',
               type: 'line',
+              itemStyle: {
+                normal: {
+                  lineStyle: {
+                    width: 3.5 
+                  }
+                }
+              },
               data: that.anqiList,
             },
           ]

+ 4 - 3
src/views/home/charts/Eline2.vue

@@ -72,13 +72,14 @@
               name: '温度',
               type: 'line',
               lineStyle:{
-                color:'#fff'
+                color:'#fff',
               },
               itemStyle: {
                 normal: {
-                  color: '#275F82', //改变折线点的颜色
+                  color: '#00b0ff', //改变折线点的颜色
                   lineStyle: {
-                    color: 'rgb(146 200 175)' //改变折线颜色
+                    color: '#00b0ff', //改变折线颜色
+                    width: 3.5
                   }
                 }
               },