样式

src/views/cockpitNew1/hysy.vue

@@ -56,10 +56,10 @@ export default {
 
             var myChart = window.echarts.init(dom);
 
-            let hysyEchart// 柱状图的宽度，y是x的一半
+            // 柱状图的宽度，y是x的一半
             const offsetX = 10
             const offsetY = 5
-            let colorList = ["RGBA(30, 111, 181, 1)", "RGBA(30, 111, 181, 1)", "RGBA(29, 128, 64, 1)", "RGBA(133, 48, 52, 1)", "RGBA(121, 62, 147, 1)"]
+            let colorList = ["RGBA(30, 111, 181, 0.8)", "RGBA(149, 101, 24, 0.8)", "RGBA(29, 128, 64, 0.8)", "RGBA(133, 48, 52, 0.8)", "RGBA(121, 62, 147, 0.8)"]
 
             // 绘制左侧面
             const CubeLeft = echarts.graphic.extendShape({
@@ -152,11 +152,6 @@ export default {
             let option = {
                 //你的代码
                 backgroundColor: 'rgba(0,0,0,0)',
-                grid: {
-                    // bottom: "200%",
-                    // top: "%",
-                    containLabel: true,
-                },
                 legend: {
                     show: false,
                     right: 30,
@@ -182,8 +177,8 @@ export default {
                     }
                 },
                 grid: {
-                    top: '20%',
-                    left: '3%',
+                    top: '30%',
+                    // left: '3%',
                     right: '3%',
                     bottom: '5%',
                     containLabel: true
@@ -191,21 +186,21 @@ export default {
                 xAxis: {
                     type: 'category',
                     data: dataX,
+                    axisTick:{
+                        show: false,
+                    },
                     axisLine: {
                         show: true,
+                      
                         lineStyle: {
                             width: 1,
-                            color: 'rgba(239, 247, 253, .1)'
+                            color: 'rgba(239, 247, 253, .7)'
                         }
                     },
-                    axisTick: {
-                        show: false
-                    },
                     axisLabel: {
                         fontSize: 12,
-                        color: '#E7FCFF',
-                        margin: 1
-                    }
+                        color: '#fff',
+                    },
                 },
                 yAxis: [
                     {
@@ -218,7 +213,7 @@ export default {
                             fontSize: 12
                         },
                         axisLine: {
-                            show: true,
+                            show: false,
                             lineStyle: {
                                 width: 1,
                                 color: 'rgba(239, 247, 253, .1)'
@@ -241,36 +236,6 @@ export default {
                         // max: Math.ceil(Math.max.apply(null, dataX) / 5) * 5,
                         // interval: Math.ceil(Math.max.apply(null, dataX) / 5)
                     },
-                    {
-                        type: 'value',
-                        name: '%',
-                        nameGap: 30,
-                        nameTextStyle: {
-                            color: '#ffffff',
-                            fontWeight: 400,
-                            fontSize: 16
-                        },
-                        axisLine: {
-                            show: false,
-                            lineStyle: {
-                                width: 1,
-                                color: 'rgba(239, 247, 253, .1)'
-                            }
-                        },
-                        splitLine: {
-                            show: false,
-                            lineStyle: {
-                                color: 'rgba(239, 247, 253, .1)'
-                            }
-                        },
-                        axisTick: {
-                            show: false
-                        },
-                        axisLabel: {
-                            fontSize: 16,
-                            color: '#E7FCFF'
-                        }
-                    }
                 ],
                 series: [
                     {
@@ -468,9 +433,9 @@ export default {
 }
 
 #hysyEchart {
-    left: 1rem;
+    left: -2rem;
     top: 0.5rem;
-    width: 26rem;
+    width: 28rem;
     height: 11.5rem;
 }
 

src/views/cockpitNew1/tdsc.vue

@@ -55,10 +55,7 @@ export default {
     initEchart() {
       var dom = document.getElementById('tdsc_echart');
       var myChart = window.echarts.init(dom);
-
-      // const legendType = 'center'
       const legendType = 'center'
-
       let option = {
         backgroundColor: 'rgba(0,0,0,0)',
         grid: {
@@ -78,7 +75,6 @@ export default {
           orient: legendType === 'center' ? '' : 'vertical',
           bottom: "80%",
           right: legendType === 'center' ? 'center' : '2%',
-          // data: ['2023/06/08', '2023/10/07','2023/10/11'],
           data: ['征收', '回收', '收购'],
 
           itemWidth: 12,
@@ -108,15 +104,15 @@ export default {
             verticalAlign: 'top',
           },
           axisLine: {
-            show: false,
-          },
-          axisTick: {
             show: true,
+
             lineStyle: {
-              show: true,
-              color: '#0B3561',
-              width: 2,
-            },
+              width: 1,
+              color: 'rgba(239, 247, 253, .7)'
+            }
+          },
+          axisTick: {
+            show: false,
           },
         },
         yAxis: [
@@ -140,10 +136,10 @@ export default {
               show: false,
             },
             splitLine: {
+              show: true,
               lineStyle: {
-                type: 'solid',
-                color: '#0B3561',
-              },
+                color: 'rgba(239, 247, 253, .1)'
+              }
             },
           },
         ],
@@ -294,7 +290,7 @@ export default {
             show: false,
           },
           axisTick: {
-            show: true,
+            show: false,
             lineStyle: {
               show: true,
               color: '#0B3561',
@@ -495,12 +491,14 @@ export default {
     font-size: 15px;
     font-weight: 600;
 
-    .unit{
+    .unit {
       margin-right: 3rem;
     }
+
     .count1 {
       color: RGBA(250, 160, 18, 1);
     }
+
     .count2 {
       color: RGBA(100, 218, 255, 1);
     }