数据微调

src/components/baozuo-demo2/CenterCmp.vue

@@ -301,7 +301,7 @@ export default {
         {
             name: '合格率目标',
             type: 'line',
-            data: [98, 98, 98, 98, 98, 98,98],
+            data: [98, 98, 98, 98, 97, 96,95],
             symbolSize: 10,
             itemStyle: {
               color: '#FFA500' // 橙色折线
@@ -375,7 +375,7 @@ export default {
             detail: {
               fontSize: 24,
               offsetCenter: [0, '-10%'],
-              color: '#fff',
+              color: value < 90 ? '#FF0000' : '#fff', // 低于90显示红色，否则白色
               formatter: '{value}%'
             },
             data: [{ value }]
@@ -470,14 +470,14 @@ export default {
     justify-content: center;
     
     .inspection-title {
-      font-size: 28px;
+      font-size: 30px;
       color: #fff;
       font-weight: bold;
       margin-bottom: 10px;
     }
     
     .inspection-value {
-      font-size: 40px;
+      font-size: 44px;
       color: #08e5ff;
       font-weight: bold;
     }

src/components/baozuo-demo2/pieChart.vue

@@ -66,8 +66,6 @@
             },
         ];
 
-        const colorList = ['#3de7c9','#88a8f4','#FFD700','#08e5ff', '#FF69B4', '#9370DB'];
-        const sum = chartData.reduce((per, cur) => per + cur.value, 0);
 
         var myChart = echarts.init(document.getElementById('pieId-new'));
         this.option = {
@@ -109,25 +107,29 @@
             },
             series: [{
                 type: 'radar',
+                colorBy: 'data', // 添加这一行，根据数据值改变颜色
                 data: [{
                     value: chartData.map(item => item.value),
                     name: '产量统计',
                     areaStyle: {
-                        color: 'rgba(8, 229, 255, 0.4)' // 修改为浅蓝色#08e5ff
+                        color: 'rgba(8, 229, 255, 0.4)'
                     },
                     lineStyle: {
                         width: 2,
-                        color: '#08e5ff' // 修改为浅蓝色#08e5ff
+                        color: '#08e5ff'
                     },
                     symbolSize: 8,
+                    itemStyle: {
+                        color: '#FFFFFF'
+                    },
                     label: {
                         show: true,
                         formatter: function(params) {
                             return params.value;
                         },
-                        color: '#fff',
+                        color: '#FFFFFF',
                         fontWeight: 'bold',
-                        fontSize: 20
+                        fontSize: 24
                     }
                 }]
             }]