From f71a451707bd4910462d5ff99de5a73425098ba8 Mon Sep 17 00:00:00 2001
From: ljx <864490211@qq.com>
Date: Fri, 11 Jul 2025 15:35:53 +0800
Subject: [PATCH] =?UTF-8?q?=E7=94=B5=E9=A5=AD=E7=85=B2=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/dianfanbao-demo/index.vue      |  2 +-
 .../dianfanbao-demo/newContain3.vue           |  2 +-
 .../dianfanbao-demo/newContain4.vue           |  4 +--
 .../dianfanbao-demo/newContain5.vue           | 28 +++++++++----------
 4 files changed, 17 insertions(+), 19 deletions(-)

diff --git a/src/components/dianfanbao-demo/index.vue b/src/components/dianfanbao-demo/index.vue
index 42f9bb9..242e070 100644
--- a/src/components/dianfanbao-demo/index.vue
+++ b/src/components/dianfanbao-demo/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div id="data-view">
+  <div id="data-view" style="box-sizing: border-box;">
     <!-- <dv-full-screen-container> -->
 
 
diff --git a/src/components/dianfanbao-demo/newContain3.vue b/src/components/dianfanbao-demo/newContain3.vue
index 1ebbbe0..b15c1d6 100644
--- a/src/components/dianfanbao-demo/newContain3.vue
+++ b/src/components/dianfanbao-demo/newContain3.vue
@@ -18,7 +18,7 @@
                 <div style="font-size: 40px;font-weight: bold;color: brown;">
                   70%
                 </div>
-                <div id="ncbox-pie" style="width: 100%;height: 250px;">
+                <div id="ncbox-pie" style="width: 100%;height: 200px;">
                 </div>
             </div>
             <div class="ncbox-right">
diff --git a/src/components/dianfanbao-demo/newContain4.vue b/src/components/dianfanbao-demo/newContain4.vue
index bc9a449..85a863f 100644
--- a/src/components/dianfanbao-demo/newContain4.vue
+++ b/src/components/dianfanbao-demo/newContain4.vue
@@ -8,7 +8,7 @@
             <span class="title-decoration"></span>
             本日产量/预计产量对比
           </div>
-          <div id="nbc-line1" style="width: 100%;height: calc(100% - 100px);"></div>
+          <div id="nbc-line1" style="width: calc(100% - 40px);height: calc(100% - 100px);"></div>
         </dv-border-box-1>
       </div>
     </div>
@@ -86,7 +86,7 @@ export default {
           {
             name: '实际产量',
             type: 'bar',
-            barWidth: '30%', // 缩小柱状图的条状宽度
+            barWidth: '35%', // 缩小柱状图的条状宽度
             data: actualData,
             itemStyle: {
               color: 'rgb(255, 255, 204)' // 天黄色
diff --git a/src/components/dianfanbao-demo/newContain5.vue b/src/components/dianfanbao-demo/newContain5.vue
index 9df9a63..bc8f455 100644
--- a/src/components/dianfanbao-demo/newContain5.vue
+++ b/src/components/dianfanbao-demo/newContain5.vue
@@ -9,7 +9,7 @@
             <span class="title-decoration"></span>
             UPPH统计信息
           </div>
-          <div id="nbc-line2" style="width: 100%; height: calc(100% - 100px);">
+          <div id="nbc-line2" style="width: calc(100% - 40px); height: calc(100% - 100px);">
 
           </div>
         </dv-border-box-1>
@@ -76,7 +76,7 @@ export default {
           type: 'category',
           data: ['08:00-09:00', '09:00-10:00', '10:00-12:00', '13:30-15:30', '15:30-17:30', '17:30-19:30'],
           axisLabel: {
-            fontSize: 20, // 放大 x 轴文字
+            fontSize: 14, // 放大 x 轴文字
             fontWeight: 'bold', // x 轴文字加粗
             color: '#fff' // 设置 x 轴文字为白色
           }
@@ -84,7 +84,7 @@ export default {
         yAxis: {
           type: 'value',
           axisLabel: {
-            fontSize: 26, // 放大 y 轴文字
+            fontSize: 20, // 放大 y 轴文字
             fontWeight: 'bold', // y 轴文字加粗
             color: '#fff' // 设置 y 轴文字为白色
           },
@@ -96,7 +96,7 @@ export default {
           {
             name: '实际UPPH',
             type: 'bar',
-            barWidth: '30%', // 缩小柱状图的条状宽度
+            barWidth: '35%', // 缩小柱状图的条状宽度
             data: actualData,
             itemStyle: {
               color: 'rgb(255, 255, 204)' // 天黄色
@@ -104,14 +104,12 @@ export default {
             label: {
               show: true,
               position: 'inside',
-              fontSize: '22px',
+              fontSize: '18px', 
               fontWeight: 'bolder', // 柱状图 label 字体加粗 
               formatter: function(params) {
                 return params.value;
               },
-              color: function(params) {
-                return params.value >= targetData[params.dataIndex] ? 'green' : 'red';
-              }
+              color: 'red',
             }
           },
           {
@@ -121,14 +119,14 @@ export default {
             itemStyle: {
               color: 'rgb(173, 216, 230)' // 浅蓝色
             },
-            label: {
-              show: true,
-              position: 'top',
-              fontSize: '20px',
+            label: { 
+              show: true, 
+              position: 'top', 
+              fontSize: '20px', 
               fontWeight: 'bold', // 柱状图 label 字体加粗 
-              formatter: function(params) {
-                return params.value;
-              },
+              formatter: function(params) { 
+                return params.value; 
+              }, 
               color: 'rgb(173, 216, 230)' // 浅蓝色
             }
           }