From f9a0c962ee6a699f93a5f4ae9975785a8522b596 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A5=94=E8=B7=91=E7=9A=84=E9=9D=A2=E6=9D=A1?=
 <1262327911@qq.com>
Date: Wed, 30 Mar 2022 16:36:14 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E6=94=B9newData=E7=9A=84bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../echart/bottom/bottomRightChart/chart.vue  | 160 +++++++++---------
 1 file changed, 80 insertions(+), 80 deletions(-)

diff --git a/src/components/echart/bottom/bottomRightChart/chart.vue b/src/components/echart/bottom/bottomRightChart/chart.vue
index fca83e4..817a6de 100644
--- a/src/components/echart/bottom/bottomRightChart/chart.vue
+++ b/src/components/echart/bottom/bottomRightChart/chart.vue
@@ -12,28 +12,13 @@
 <script>
 import Echart from '@/common/echart'
 export default {
-  data () {
+  data() {
     return {
       options: {},
       // 定义颜色
       colorList: {
-        title: {
-          text: "",
-          textStyle: {
-            color: "#D3D6DD",
-            fontSize: 24,
-            fontWeight: "normal"
-          },
-          subtext: newData.year + "/" + newData.weekCategory[6],
-          subtextStyle: {
-            color: "#fff",
-            fontSize: 16
-          },
-          top: 50,
-          left: 80
-        },
         linearYtoG: {
-          type: "linear",
+          type: 'linear',
           x: 0,
           y: 0,
           x2: 1,
@@ -41,16 +26,16 @@ export default {
           colorStops: [
             {
               offset: 0,
-              color: "#f5b44d"
+              color: '#f5b44d'
             },
             {
               offset: 1,
-              color: "#28f8de"
+              color: '#28f8de'
             }
           ]
         },
         linearGtoB: {
-          type: "linear",
+          type: 'linear',
           x: 0,
           y: 0,
           x2: 1,
@@ -58,16 +43,16 @@ export default {
           colorStops: [
             {
               offset: 0,
-              color: "#43dfa2"
+              color: '#43dfa2'
             },
             {
               offset: 1,
-              color: "#28f8de"
+              color: '#28f8de'
             }
           ]
         },
         linearBtoG: {
-          type: "linear",
+          type: 'linear',
           x: 0,
           y: 0,
           x2: 1,
@@ -75,16 +60,16 @@ export default {
           colorStops: [
             {
               offset: 0,
-              color: "#1c98e8"
+              color: '#1c98e8'
             },
             {
               offset: 1,
-              color: "#28f8de"
+              color: '#28f8de'
             }
           ]
         },
         areaBtoG: {
-          type: "linear",
+          type: 'linear',
           x: 0,
           y: 0,
           x2: 0,
@@ -92,51 +77,66 @@ export default {
           colorStops: [
             {
               offset: 0,
-              color: "rgba(35,184,210,.2)"
+              color: 'rgba(35,184,210,.2)'
             },
             {
               offset: 1,
-              color: "rgba(35,184,210,0)"
+              color: 'rgba(35,184,210,0)'
             }
           ]
         }
       }
-    };
+    }
   },
   components: {
-    Echart,
+    Echart
   },
   props: {
     cdata: {
       type: Object,
       default: () => ({})
-    },
+    }
   },
   watch: {
     cdata: {
-      handler (newData) {
+      handler(newData) {
         this.options = {
+          title: {
+            text: '',
+            textStyle: {
+              color: '#D3D6DD',
+              fontSize: 24,
+              fontWeight: 'normal'
+            },
+            subtext: newData.year + '/' + newData.weekCategory[6],
+            subtextStyle: {
+              color: '#fff',
+              fontSize: 16
+            },
+            top: 50,
+            left: 80
+          },
           legend: {
             top: 120,
             left: 80,
-            orient: "vertical",
+            orient: 'vertical',
             itemGap: 15,
             itemWidth: 12,
             itemHeight: 12,
-            data: ["平均指标", "我的指标"],
+            data: ['平均指标', '我的指标'],
             textStyle: {
-              color: "#fff",
+              color: '#fff',
               fontSize: 14
             }
           },
           tooltip: {
-            trigger: "item"
+            trigger: 'item'
           },
           radar: {
-            center: ["68%", "27%"],
-            radius: "40%",
+            center: ['68%', '27%'],
+            radius: '40%',
             name: {
-              color: "#fff"
+              color: '#fff'
             },
             splitNumber: 8,
             axisLine: {
@@ -153,29 +153,29 @@ export default {
             },
             splitArea: {
               areaStyle: {
-                color: "#fff",
+                color: '#fff',
                 opacity: 0.1,
                 shadowBlur: 25,
-                shadowColor: "#000",
+                shadowColor: '#000',
                 shadowOffsetX: 0,
                 shadowOffsetY: 5
               }
             },
             indicator: [
               {
-                name: "服务态度",
+                name: '服务态度',
                 max: newData.maxData
               },
               {
-                name: "产品质量",
+                name: '产品质量',
                 max: 10
               },
               {
-                name: "任务效率",
+                name: '任务效率',
                 max: 12
               },
               {
-                name: "售后保障",
+                name: '售后保障',
                 max: 3.5
               }
             ]
@@ -184,25 +184,25 @@ export default {
             left: 90,
             right: 80,
             bottom: 40,
-            top: "60%"
+            top: '60%'
           },
           xAxis: {
-            type: "category",
-            position: "bottom",
+            type: 'category',
+            position: 'bottom',
             axisLine: true,
             axisLabel: {
-              color: "rgba(255,255,255,.8)",
+              color: 'rgba(255,255,255,.8)',
               fontSize: 12
             },
             data: newData.weekCategory
           },
           // 下方Y轴
           yAxis: {
-            name: "工单",
-            nameLocation: "end",
+            name: '工单',
+            nameLocation: 'end',
             nameGap: 24,
             nameTextStyle: {
-              color: "rgba(255,255,255,.5)",
+              color: 'rgba(255,255,255,.5)',
               fontSize: 14
             },
             max: newData.maxData,
@@ -216,27 +216,27 @@ export default {
             splitLine: {
               show: true,
               lineStyle: {
-                color: "#fff",
+                color: '#fff',
                 opacity: 0.1
               }
             },
             axisLabel: {
-              color: "rgba(255,255,255,.8)",
+              color: 'rgba(255,255,255,.8)',
               fontSize: 12
             }
           },
           series: [
             {
-              name: "",
-              type: "radar",
+              name: '',
+              type: 'radar',
               symbolSize: 0,
               data: [
                 {
                   value: newData.radarDataAvg[6],
-                  name: "平均指标",
+                  name: '平均指标',
                   itemStyle: {
                     normal: {
-                      color: "#f8d351"
+                      color: '#f8d351'
                     }
                   },
                   lineStyle: {
@@ -246,9 +246,9 @@ export default {
                   },
                   areaStyle: {
                     normal: {
-                      color: "#f8d351",
+                      color: '#f8d351',
                       shadowBlur: 25,
-                      shadowColor: "rgba(248,211,81,.3)",
+                      shadowColor: 'rgba(248,211,81,.3)',
                       shadowOffsetX: 0,
                       shadowOffsetY: -10,
                       opacity: 1
@@ -257,10 +257,10 @@ export default {
                 },
                 {
                   value: newData.radarData[6],
-                  name: "我的指标",
+                  name: '我的指标',
                   itemStyle: {
                     normal: {
-                      color: "#43dfa2"
+                      color: '#43dfa2'
                     }
                   },
                   lineStyle: {
@@ -272,7 +272,7 @@ export default {
                     normal: {
                       color: this.colorList.linearGtoB,
                       shadowBlur: 15,
-                      shadowColor: "rgba(0,0,0,.2)",
+                      shadowColor: 'rgba(0,0,0,.2)',
                       shadowOffsetX: 0,
                       shadowOffsetY: 5,
                       opacity: 0.8
@@ -282,14 +282,14 @@ export default {
               ]
             },
             {
-              name: "",
-              type: "line",
+              name: '',
+              type: 'line',
               smooth: true,
-              symbol: "emptyCircle",
+              symbol: 'emptyCircle',
               symbolSize: 8,
               itemStyle: {
                 normal: {
-                  color: "#fff"
+                  color: '#fff'
                 }
               },
               lineStyle: {
@@ -309,41 +309,41 @@ export default {
                 silent: true,
                 data: [
                   {
-                    type: "average",
-                    name: "平均值"
+                    type: 'average',
+                    name: '平均值'
                   }
                 ],
                 precision: 0,
                 label: {
                   normal: {
-                    formatter: "平均值: \n {c}"
+                    formatter: '平均值: \n {c}'
                   }
                 },
                 lineStyle: {
                   normal: {
-                    color: "rgba(248,211,81,.7)"
+                    color: 'rgba(248,211,81,.7)'
                   }
                 }
               },
               tooltip: {
-                position: "top",
-                formatter: "{c} m",
-                backgroundColor: "rgba(28,152,232,.2)",
+                position: 'top',
+                formatter: '{c} m',
+                backgroundColor: 'rgba(28,152,232,.2)',
                 padding: 6
               }
             },
             {
-              name: "占位背景",
-              type: "bar",
+              name: '占位背景',
+              type: 'bar',
               itemStyle: {
                 normal: {
                   show: true,
-                  color: "#000",
+                  color: '#000',
                   opacity: 0
                 }
               },
               silent: true,
-              barWidth: "50%",
+              barWidth: '50%',
               data: newData.weekMaxData,
               animation: false
             }
@@ -354,5 +354,5 @@ export default {
       deep: true
     }
   }
-};
-</script>
\ No newline at end of file
+}
+</script>