css修改

energy-report/index.css

@@ -1197,6 +1197,15 @@ body {
         flex-direction: column;
         height: auto;
     }
+
+    .echarts-title-content {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+    }
+    .chart-desc-two {
+        margin-left: 10%;
+    }
     .echarts-title-top1{
         margin-left: 0;
     }

energy-report/index.html

@@ -604,7 +604,14 @@
                 },
             ]
         }
-
+        const getEchartsDataPadding = () => {
+            if (windowWidth > 768) {
+                return [0,0,0,65]
+            }
+            return [
+  0,0,0,25
+            ]
+        }
         //用电趋势
         const getEcharts = () => {
             let option = {
@@ -823,7 +830,7 @@
             var option = {
 
                 grid: {
-                    left: '1%',
+                    left: '2%',
                     right: '5%',
                     bottom: '6%',
                     top: 30,
@@ -882,7 +889,7 @@
                                 color: 'rgba(255, 255, 255, 1)',
                             },
                             // align: 'center',
-                            padding: [0, 0, 0, 65]
+                            padding: getEchartsDataPadding()
                         },
                         // offset:5,
                         axisTick: {
@@ -1433,7 +1440,7 @@
                         axisLabel: {
                             interval: 0,
                             textStyle: {
-                                fontSize: 14, //更改坐标轴文字大小
+                                fontSize: 12, //更改坐标轴文字大小
                                 color: "#fff",
                                 padding: [0, 0, 0, 0],
                             },
@@ -1941,7 +1948,7 @@
         const getBarEcharts = () => {
             let option = {
                 grid: {
-                    left: "3%",
+                    left: "4%",
                     right: "1%",
                     bottom: "3%",
                     containLabel: true,
@@ -2284,7 +2291,7 @@
                 grid: {
                     top: 50,
                     left: "1%",
-                    right: "1%",
+                    right: -30,
                     bottom: 20,
                     containLabel: true,
                 },