diff --git a/src/components/baozuo-demo/pieChart.vue b/src/components/baozuo-demo/pieChart.vue
index 3270cf0..7ccb601 100644
--- a/src/components/baozuo-demo/pieChart.vue
+++ b/src/components/baozuo-demo/pieChart.vue
@@ -19,15 +19,15 @@
       </div>
       <div class="item-box" style="top: 100px;right: 0;text-align: left;">
         <div class="item-value-box">
-          <div class="triangle-right" style="border-left:20px solid #ffdc9d;"></div> 
-          <p class="item-value" style="color: #ffdc9d;">{{ testchartData[2].value }}</p>
+          <div class="triangle-right" style="border-left:20px solid #FFD700;"></div> 
+          <p class="item-value" style="color: #FFD700;">{{ testchartData[2].value }}</p>
         </div>
         <p class="item-name">{{ testchartData[2].name }}</p>
       </div>
       <div class="item-box" style="top: 300px;right: 0;">
         <div class="item-value-box">
-          <div class="triangle-right" style="border-left:20px solid #eb7e41;"></div> 
-          <p class="item-value" style="color: #eb7e41;">{{ testchartData[3].value }}</p>
+          <div class="triangle-right" style="border-left:20px solid #08e5ff;"></div> 
+          <p class="item-value" style="color: #08e5ff;">{{ testchartData[3].value }}</p>
         </div>
         <p class="item-name">{{ testchartData[3].name }}</p>
       </div>
@@ -71,7 +71,7 @@
             name: "组件产量",
             },
         ],
-        color: ['#3de7c9','#88a8f4','#ffdc9d','#eb7e41'],
+        color: ['#3de7c9','#88a8f4','#FFD700','#08e5ff'],
         lineWidth: 40,
         radius: '75%',
         activeRadius: '80%'
@@ -213,7 +213,7 @@
         //     color: "#E5F2A7",
         // },
         // ]),
-        '#3de7c9','#88a8f4','#ffdc9d','#eb7e41'
+        '#3de7c9','#88a8f4','#FFD700','#08e5ff'
         ];
         const sum = chartData.reduce((per, cur) => per + cur.value, 0);
         const gap = (1 * sum) / 100;