电饭煲样式修改

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> -->
 
 

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">

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)' // 天黄色

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)' // 浅蓝色
             }
           }