页面优化

pages/newDataAnalysis/overallEfficiency.html

@@ -317,7 +317,8 @@
         }
 
         .page-content {
-            background: white;
+            /* background: white; */
+            background: url("../../img/video/child-back.png") no-repeat 0 0/100% 100% transparent;
             width: 90%;
             max-width: 1000px;
             max-height: 90vh;
@@ -338,7 +339,7 @@
             display: flex;
             justify-content: space-between;
             align-items: center;
-            background: #f5f5f5;
+            /* background: #f5f5f5; */
             border-bottom: 1px solid #e0e0e0;
         }
 
@@ -470,7 +471,7 @@
         .chart-box {
             flex: 1 1 400px;
             min-height: 300px;
-            background: white;
+            /* background: white; */
             border-radius: 10px;
             padding: 15px;
             box-shadow: var(--card-shadow);
@@ -500,6 +501,7 @@
         .data-table td {
             padding: 10px 15px;
             border-bottom: 1px solid var(--gray);
+            color: #000;
         }
 
         .data-table tr:nth-child(even) {
@@ -942,7 +944,8 @@
                     left: 'center',
                     textStyle: {
                         fontSize: 16,
-                        fontWeight: 'bold'
+                        fontWeight: 'bold',
+                        color:'#fff'
                     }
                 },
                 tooltip: {
@@ -956,13 +959,29 @@
                 },
                 xAxis: {
                     type: 'category',
-                    data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'].slice(0, data.length)
+                    data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'].slice(0, data.length),
+                    axisLabel: {
+                        textStyle: {
+                            color: '#fff', // 文字颜色
+                            fontSize: 12 // 文字像素
+                        }
+                    },
                 },
                 yAxis: {
                     type: 'value',
                     name: '百分比 (%)',
                     min: 0,
-                    max: 100
+                    max: 100,
+                    nameTextStyle: {
+                        color: '#fff',
+                        fontSize: 14
+                    },
+                    axisLabel: {
+                        textStyle: {
+                            color: '#fff', // 文字颜色
+                            fontSize: 12 // 文字像素
+                        }
+                    },
                 },
                 series: [
                     {
@@ -970,9 +989,15 @@
                         type: 'line',
                         data: data,
                         smooth: true,
+                        label: {
+                            show: true, // 线条折点处显示值
+                            position: 'top', // 标签的位置
+                            color: "#fff", // 文字颜色
+                            fontSize: 12, // 文字像素
+                        },
                         lineStyle: {
                             width: 3,
-                            color: '#1a3a5f'
+                            color: '#20d3c2'
                         },
                         itemStyle: {
                             color: '#2c5c8c'