diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 69f8071..b5ec45f 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -277,12 +277,12 @@ const initLineChart = (xData,data1, data2) => {
         symbol: 'circle',
         smooth: true,
         data: data2,
-        lineStyle: { color: '#44c05b' },
-        itemStyle: { color: '#44c05b', borderColor: '#44c05b' },
+        lineStyle: { color: 'rgba(145,204,117,1)' },
+        itemStyle: { color: 'rgba(145,204,117,1)', borderColor: 'rgba(145,204,117,1)' },
         areaStyle: {
           color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-            { offset: 0, color: '#44c05b' },
-            { offset: 1, color: '#44c05b' },
+            { offset: 0, color: 'rgba(145,204,117,1)' },
+            { offset: 1, color: 'rgba(145,204,117,0)' },
           ]),
         },
       }
@@ -328,12 +328,12 @@ const initLineVandDChart = (xData,data1, data2) => {
         symbol: 'circle',
         smooth: true,
         data: data2,
-        lineStyle: { color: '#3d91e7' },
-        itemStyle: { color: '#3d91e7', borderColor: '#3d91e7' },
+        lineStyle: { color: 'rgba(84,112,198,1)' },
+        itemStyle: { color: 'rgba(84,112,198,1)', borderColor: 'rgba(84,112,198,1)' },
         areaStyle: {
           color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-            { offset: 0, color: '#3d91e7' },
-            { offset: 1, color: '#3d91e7' },
+            { offset: 0, color: 'rgba(84,112,198,1)' },
+            { offset: 1, color: 'rgba(84,112,198,0)' },
           ]),
         },
       },{
@@ -343,12 +343,12 @@ const initLineVandDChart = (xData,data1, data2) => {
         symbol: 'circle',
         smooth: true,
         data: data1,
-        lineStyle: { color: '#e78d3d' },
-        itemStyle: { color: '#e78d3d', borderColor: '#e78d3d' },
+        lineStyle: { color: 'rgba(250,200,88,1)' },
+        itemStyle: { color: 'rgba(250,200,88,1)', borderColor: 'rgba(250,200,88,1)' },
         areaStyle: {
           color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-            { offset: 0, color: '#e78d3d' },
-            { offset: 1, color: '#e78d3d' },
+            { offset: 0, color: 'rgba(250,200,88,1)' },
+            { offset: 1, color: 'rgba(250,200,88,0)' },
           ]),
         },
       }
@@ -398,8 +398,8 @@ const initChiefChart = (xData,yData) => {
         barWidth: 30,
         itemStyle: {
           color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-            { offset: 0, color: '#fe9a8bb3' },
-            { offset: 1, color: '#fe9a8b03' },
+            { offset: 0, color: 'rgba(238,102,102,1)' },
+            { offset: 1, color: 'rgba(238,102,102,0)' },
           ]),
           //柱状图圆角
           borderRadius: [30, 30, 0, 0],
@@ -451,8 +451,8 @@ const initAdministratorsChart = (xData,yData) => {
         yAxisIndex: 0,
         itemStyle: {
           color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-            { offset: 0, color: 'rgba(108,80,243,0.3)' },
-            { offset: 1, color: 'rgba(108,80,243,0)' },
+            { offset: 0, color: 'rgba(115,192,222,1)' },
+            { offset: 1, color: 'rgba(115,192,222,0)' },
           ]),
           //柱状图圆角
           borderRadius: [30, 30, 0, 0],