nt王敏提的颜色修改

src/views/system/jbdHome/board/data.js

@@ -14,6 +14,9 @@ export const acceptOption1 = {
         left: '50%',
         top: '20px'
     },
+    grid: {
+        top: '80px'
+    },
     xAxis: {
         type: 'category',
         data: ['理化', '微生物', '细胞活率', '残留检测', '细胞鉴别'],
@@ -197,13 +200,13 @@ export const acceptOption = {
         top: '20px'
     },
     legend: {
-        type: 'scroll',
-        orient: 'vertical',
+        // type: 'scroll',
+        orient: 'horizontal',
         show: true,
-        // left: 'center',
-        // bottom: 10,
-        right: 10,
-        top: 50,
+        left: 'center',
+        bottom: 10,
+        // right: 10,
+        // top: 100,
         formatter (params) {
             let l = 7
             if (params.length > l) {
@@ -232,7 +235,7 @@ export const acceptOption = {
             name: '任务完成情况',
             type: 'pie',
             radius: '55%',
-            center: ['45%', '60%'],
+            center: ['50%', '50%'],
             data: [],
             itemStyle: {
                 emphasis: {
@@ -388,6 +391,9 @@ export const trustOption = {
         left: '50%',
         top: '20px'
     },
+    grid: {
+        top: '80px'
+    },
     xAxis: {
         type: 'category',
         data: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'],
@@ -508,6 +514,9 @@ export const sampleOption = {
         left: '50%',
         top: '20px'
     },
+    grid: {
+        top: '80px'
+    },
     xAxis: {
         type: 'category',
         data: ['已委托未收样', '已收样', '已收不合格', '留样'],
@@ -636,6 +645,9 @@ export const monthOption = {
         left: '50%',
         top: '20px'
     },
+    grid: {
+        top: '80px'
+    },
     xAxis: {
         type: 'category',
         data: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'],
@@ -850,7 +862,7 @@ export const satisfaction = {
             {
                 name: '满意',
                 textStyle: {
-                    color: '#00a78e'
+                    color: '#188df0'
                 }
             }
         ]
@@ -882,7 +894,8 @@ export const satisfaction = {
                         show: true,
                         position: 'outer',
                         formatter: `占比：{d}%`,
-                        fontSize: 14
+                        fontSize: 14,
+                        color: '#fff'
                     },
                     labelLine: {
                         show: true
@@ -891,7 +904,11 @@ export const satisfaction = {
             }
         }
     ],
-    color: ['#d20962', '#00a78e'],
+    color: ['#d20962', new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+        { offset: 0, color: "#83bff6" },
+        { offset: 0.5, color: "#188df0" },
+        { offset: 1, color: "#188df0" },
+    ])],
     tooltip: {
         show: true,
         trigger: 'item',
@@ -925,13 +942,13 @@ export const contract = {
             {
                 name: '未履约',
                 textStyle: {
-                    color: '#f85a40'
+                    color: '#d20962'
                 }
             },
             {
                 name: '已履约',
                 textStyle: {
-                    color: '#0cb9c1'
+                    color: '#188df0'
                 }
             }
         ]
@@ -963,7 +980,8 @@ export const contract = {
                         show: true,
                         position: 'outer',
                         formatter: `占比：{d}%`,
-                        fontSize: 14
+                        fontSize: 14,
+                        color: '#fff'
                     },
                     labelLine: {
                         show: true
@@ -972,7 +990,11 @@ export const contract = {
             }
         }
     ],
-    color: ['#f85a40', '#0cb9c1'],
+    color: ['#d20962', new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+        { offset: 0, color: "#83bff6" },
+        { offset: 0.5, color: "#188df0" },
+        { offset: 1, color: "#188df0" },
+    ])],
     tooltip: {
         show: true,
         trigger: 'item',