From d158d8ccc6c27125d3cdef689848d0fd93f4b005 Mon Sep 17 00:00:00 2001
From: Jack <1638169491@qq.com>
Date: Wed, 3 Aug 2022 15:38:01 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B9=96=E9=87=8C=E5=A4=A7=E5=B1=8F=EF=BC=9A?=
 =?UTF-8?q?=E5=AE=8C=E6=88=90=20jChart/line/JLineChart.vue=20=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E5=B0=81=E8=A3=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../jChart/line/JLineChart.vue                | 84 ++++++++++++-------
 .../qualityManage/rightBottom.vue             |  2 +-
 2 files changed, 53 insertions(+), 33 deletions(-)

diff --git a/src/views/projectAdmin/dataBoard/projectHuScreen/jChart/line/JLineChart.vue b/src/views/projectAdmin/dataBoard/projectHuScreen/jChart/line/JLineChart.vue
index c3eabdba..66318829 100644
--- a/src/views/projectAdmin/dataBoard/projectHuScreen/jChart/line/JLineChart.vue
+++ b/src/views/projectAdmin/dataBoard/projectHuScreen/jChart/line/JLineChart.vue
@@ -8,17 +8,15 @@ export default {
   props: {
     title: {
       type: Object,
-      default: () => ({
-        text: ''
-      })
+      default: () => ({ text: '' })
     },
     grid: {
       type: Array,
-      default: () => ['15%', '2%', '2%', '2%']
+      default: () => ['12%', '2%', '6%', '1%']
     },
     color: {
       type: Array,
-      default: () => ['#5EC2D0', '#61D2B9', '#F67F51', '#7851F6']
+      default: () => ['#FAC915', '#61D2B9', '#F67F51', '#7851F6']
     },
     xData: {
       required: true,
@@ -58,56 +56,78 @@ export default {
           left: grid[3],
           containLabel: true
         },
+        tooltip: {
+          trigger: 'axis'
+        },
         color,
         xAxis: {
           type: 'category',
+          boundaryGap: false,
           data: xData,
-          axisLine: {
-            show: true,
-            lineStyle: {
-              type: [5, 10]
-            }
-          },
-          axisLabel: {
-            show: true,
-            textStyle: {
-              color: '#fff'
-            }
-          },
           axisTick: {
             show: false
+          },
+          axisLabel: {
+            textStyle: {
+              color: 'rgba(255, 255, 255, .8)'
+            }
+          },
+          axisLine: {
+            lineStyle: {
+              type: [5, 10],
+              color: '#364252'
+            }
           }
         },
         yAxis: {
           type: 'value',
-          splitLine: {
-            show: true,
-            lineStyle: {
-              type: [5, 10],
-              color: '#323D50'
+          axisTick: {
+            show: false
+          },
+          axisLabel: {
+            textStyle: {
+              color: 'rgba(255, 255, 255, .8)'
             }
           },
           axisLine: {
             show: true,
             lineStyle: {
-              type: [5, 10]
+              type: [5, 10],
+              color: '#787E8A'
             }
           },
-          axisLabel: {
-            show: true,
-            textStyle: {
-              color: '#fff'
+          splitLine: {
+            lineStyle: {
+              type: [5, 10],
+              color: '#364252'
             }
-          },
-          axisTick: {
-            show: false
           }
         },
         series: [
           {
             data: yData,
-            type: 'bar',
-            barWidth: 15
+            type: 'line',
+            smooth: true,
+            areaStyle: {
+              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                {
+                  offset: 0,
+                  color: 'rgba(250,201,21,0.6)'
+                },
+                {
+                  offset: 1,
+                  color: 'rgba(250,201,21,0.1)'
+                }
+              ])
+            },
+            showSymbol: false,
+            itemStyle: {
+              emphasis: {
+                color: '#FAC915',
+                borderColor: '#FAC915',
+                borderWidth: 10
+              }
+            }
           }
         ]
       }
diff --git a/src/views/projectAdmin/dataBoard/projectHuScreen/qualityManage/rightBottom.vue b/src/views/projectAdmin/dataBoard/projectHuScreen/qualityManage/rightBottom.vue
index e00ef7cb..be554979 100644
--- a/src/views/projectAdmin/dataBoard/projectHuScreen/qualityManage/rightBottom.vue
+++ b/src/views/projectAdmin/dataBoard/projectHuScreen/qualityManage/rightBottom.vue
@@ -3,7 +3,7 @@
   <div class="problemTrend">
     <div class="title">{{ title }}</div>
     <div class="content">
-      <JLineChart :xData="xData" :yData="yData" :title="{ text: '频发问题类别排名前十' }" />
+      <JLineChart :xData="xData" :yData="yData" :title="{ text: '最近30天质量问题趋势分析' }" />
     </div>
   </div>
 </template>