diff --git a/src/views/3DOverview/components/RightContentProductRate.vue b/src/views/3DOverview/components/RightContentProductRate.vue
index f934bb0..6c8c8cb 100644
--- a/src/views/3DOverview/components/RightContentProductRate.vue
+++ b/src/views/3DOverview/components/RightContentProductRate.vue
@@ -33,7 +33,7 @@ export default {
     return {
       chart: null,
       option: {
-        color: ['#59CBE8', '#E93CAC', '#E93CAC', '#FF7345', '#9452FF', '#6A6E87', '#52FFF1'],
+        color: ['#59CBE8', '#E93CAC', '#FF7345', '#9452FF', '#6A6E87', '#52FFF1'],
         grid: {
           top: '20%',
           left: 0,
@@ -98,6 +98,27 @@ export default {
             name: '产线1',
             type: 'line',
             symbol: 'none',
+            areaStyle: {
+              // color: 'rgba(50,145,152,0.5)'
+              color: {
+                type: 'linear',
+                x: 0,
+                y: 0,
+                x2: 0,
+                y2: 1,
+                colorStops: [
+                  {
+                    offset: 0,
+                    color: '#59CBE866' // 0% 处的颜色
+                  },
+                  {
+                    offset: 1,
+                    color: 'transparent' // 100% 处的颜色
+                  }
+                ],
+                global: false // 缺省为 false
+              }
+            },
             data: Array(12)
               .fill(0)
               .map(_ => Math.floor(Math.random() * 100))
@@ -106,6 +127,27 @@ export default {
             name: '产线2',
             type: 'line',
             symbol: 'none',
+            areaStyle: {
+              // color: 'rgba(50,145,152,0.5)'
+              color: {
+                type: 'linear',
+                x: 0,
+                y: 0,
+                x2: 0,
+                y2: 1,
+                colorStops: [
+                  {
+                    offset: 0,
+                    color: '#E93CAC66' // 0% 处的颜色
+                  },
+                  {
+                    offset: 1,
+                    color: 'transparent' // 100% 处的颜色
+                  }
+                ],
+                global: false // 缺省为 false
+              }
+            },
             data: Array(12)
               .fill(0)
               .map(_ => Math.floor(Math.random() * 100))
@@ -114,6 +156,27 @@ export default {
             name: '产线3',
             type: 'line',
             symbol: 'none',
+            areaStyle: {
+              // color: 'rgba(50,145,152,0.5)'
+              color: {
+                type: 'linear',
+                x: 0,
+                y: 0,
+                x2: 0,
+                y2: 1,
+                colorStops: [
+                  {
+                    offset: 0,
+                    color: '#FF734566' // 0% 处的颜色
+                  },
+                  {
+                    offset: 1,
+                    color: 'transparent' // 100% 处的颜色
+                  }
+                ],
+                global: false // 缺省为 false
+              }
+            },
             data: Array(12)
               .fill(0)
               .map(_ => Math.floor(Math.random() * 100))
@@ -122,6 +185,27 @@ export default {
             name: '产线4',
             type: 'line',
             symbol: 'none',
+            areaStyle: {
+              // color: 'rgba(50,145,152,0.5)'
+              color: {
+                type: 'linear',
+                x: 0,
+                y: 0,
+                x2: 0,
+                y2: 1,
+                colorStops: [
+                  {
+                    offset: 0,
+                    color: '#9452FF66' // 0% 处的颜色
+                  },
+                  {
+                    offset: 1,
+                    color: 'transparent' // 100% 处的颜色
+                  }
+                ],
+                global: false // 缺省为 false
+              }
+            },
             data: Array(12)
               .fill(0)
               .map(_ => Math.floor(Math.random() * 100))
@@ -130,6 +214,27 @@ export default {
             name: '产线5',
             type: 'line',
             symbol: 'none',
+            areaStyle: {
+              // color: 'rgba(50,145,152,0.5)'
+              color: {
+                type: 'linear',
+                x: 0,
+                y: 0,
+                x2: 0,
+                y2: 1,
+                colorStops: [
+                  {
+                    offset: 0,
+                    color: '#6A6E8766' // 0% 处的颜色
+                  },
+                  {
+                    offset: 1,
+                    color: 'transparent' // 100% 处的颜色
+                  }
+                ],
+                global: false // 缺省为 false
+              }
+            },
             data: Array(12)
               .fill(0)
               .map(_ => Math.floor(Math.random() * 100))