From 05e6609cdd8d3edf55214ba2d6320eeb9ed24a6b Mon Sep 17 00:00:00 2001
From: "453530270@qq.com" <aa123456>
Date: Mon, 14 Aug 2023 10:06:46 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=8F=90=E7=A4=BA=E5=86=85?=
 =?UTF-8?q?=E5=AE=B9=E4=B8=8D=E6=AD=A3=E7=A1=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/WhView.vue | 23 +++++++++++++++++------
 1 file changed, 17 insertions(+), 6 deletions(-)

diff --git a/src/views/WhView.vue b/src/views/WhView.vue
index e6c4d7b..384f213 100644
--- a/src/views/WhView.vue
+++ b/src/views/WhView.vue
@@ -348,10 +348,12 @@ export default {
             // 24小时总服务人次趋势
             wh24xdata: [],
             wh24ydata: [],
-            //折线区域的数据
+            // 折线区域的数据 y轴
             zxliddata: [],
-            // 折线名称
+            // 折线名称 x轴
             zxlindata: [],
+            // 折线显示的名称
+            zxndata:[],
             // 图书馆借阅
             libleaData: [],
         }
@@ -555,15 +557,19 @@ export default {
                 const tmpdata = res.data.data
                 // X 轴的名称字段
                 const xarr = tmpdata[0].list.dkeys
+                const narr = new Array;
                 const darr = new Array;
                 tmpdata.forEach(function (item, idx) {
                     // 读取list
                     const list = item.list
+                    narr.push(item.groupName)
+                    xarr.push(list.dkeys)
                     darr.push(list.dvalue)
                 })
-
+                // bind 
                 this.zxlindata = xarr
                 this.zxliddata = darr
+                this.zxndata = narr
                 // 
                 this.cg_line()
             });
@@ -833,9 +839,13 @@ export default {
             var myChart = echarts.init(chartDom);
 
             var option
-            var xData = ['09:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00', '17:00',];
+            // x 轴数组
+            var xData = that.zxlindata.slice(-10, that.zxlindata.length)
+            // 颜色数组
             var color = ['#FF99CC', '#6666FF', '#FF6600', '#7049f0', '#fa704d', '#01babc',]
-            var name = that.zxlindata.slice(-10, that.zxlindata.length)
+            // 名称数组
+            var name = that.zxlindata.slice(-10, that.zxndata.length)
+            // 值数组
             var data = that.zxliddata.slice(-10, that.zxliddata.length)
 
             var series = [];
@@ -918,6 +928,7 @@ export default {
                         color: "#fff"
                     }
                 },
+                // x轴 坐标信息
                 xAxis: [{
                     type: "category",
                     axisLine: {
@@ -942,7 +953,7 @@ export default {
                             fontSize: '12',
                         },
                     },
-                    data: name,
+                    data: xData,
                 }],
                 yAxis: {
                     type: 'value',