修复折线图

src/views/HomeView.vue

@@ -159,7 +159,12 @@ export default {
       // 客流趋势
       klqsDatas: [],
       // 实时进馆人数
-      ssjgNumDatas: []
+      ssjgNumDatas: [],
+
+      //折线区域的数据
+      zxliddata:[],
+      // 折线名称
+      zxlindata:[],
     }
   },
   // created() {
@@ -493,22 +498,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', '18:00', '20:00', '21:00'];
       var color = ['#FF99CC', '#6666FF', '#FF6600', '#7049f0', '#fa704d', '#01babc',]
       var name = []
-      var data = [
-        [137, 34, 135, 161, 74, 152, 110, 100, 150, 137, 34, 135, 161],
-        [174, 137, 135, 34, 152, 135, 140, 160, 100, 174, 137, 135, 34],
-        [134, 74, 137, 135, 161, 137, 300, 220, 250, 134, 74, 137, 135],
-        [147, 134, 155, 131, 174, 122, 140, 160, 150, 127, 134, 175, 161],
-        [124, 147, 175, 134, 122, 175, 180, 110, 130, 154, 187, 125, 134],
-        [154, 174, 157, 175, 121, 157, 200, 250, 280, 134, 174, 157, 175],
-        // [3.5, 15.2, 16.1, 17.4, 13.4, 6.1],
-        // [16.1, 13.5, 3.7, 17.4, 15.2, 18.9],
-        // [17.4, 6.1, 13.4, 15.2, 13.7, 5.2],
-      ]
 
+      var xData = this.zxlindata
+      var data = this.zxliddata
       var series = [];
+      // loop data
       for (var i = 0; i < 6; i++) {
         series.push({
           name: name[i],
@@ -551,6 +547,7 @@ export default {
 
         })
       }
+      // contruct
       option = {
         tooltip: {
           trigger: "axis",
@@ -664,7 +661,22 @@ export default {
     getGcgNumDatas() {
       homeApi.allGcgNumDatas().then(res => {
         // get allTimeData
-        const tmpdata = res.data.returnData
+        const tmpdata = res.data.data
+        // X 轴的名称字段
+        const xarr =new Array
+        const darr =new Array;
+        tmpdata.forEach(function(item,idx){
+          // 读取list
+          const list = item.list
+          xarr.push(list.dkeys)
+          darr.push(list.dval)
+        })
+
+        // console.log(darr)
+
+        this.zxlindata = xarr[0]
+        this.zxliddata = darr
+
         // 场馆人流趋势线面图
         this.cgrs_line();
       });