修改折线图中浮动文本错误

src/views/TycView.vue

@@ -428,6 +428,8 @@ export default {
       zxliddata:[],
       // 折线名称
       zxlindata:[],
+      // 名称
+      zxndata:[],
     }
   },
   mounted() {
@@ -444,7 +446,6 @@ export default {
     // 110,210,310 
     // 查询场馆统计情况
     csstat(){
-      // let groupId = "110|210|310"
       // 今日进馆数据
       btApi.allGroupTimeNum({granularity:"daily",type:1}).then(res=>{
         const temcgData = res.data.data
@@ -479,29 +480,6 @@ export default {
          // 24h
          this.cgsf_line()
       });
-      return;
-
-      // 本月
-      btApi.allGroupTimeNum({granularity:"monthly",type:1}).then(res=>{
-          const temcgData = res.data.data
-          // 场馆人次占比
-          const tgdata = temcgData.groupsData
-          this.cgdata = tgdata
-          tgdata.forEach(item=>{
-            this.tmdata += item.noRepeatInNum
-          });
-      });
-      // 年度
-      btApi.allGroupTimeNum({granularity:"yearly",type:1}).then(res=>{
-          const temcgData = res.data.data
-          // 场馆人次占比
-          const tgdata = temcgData.groupsData
-          this.cgdata = tgdata
-          tgdata.forEach(item=>{
-            this.tydata += item.noRepeatInNum
-          });
-      });    
-      // 2  
     },
     // 24H 服务人次绘制柱形图
     cgsf_line() {
@@ -644,20 +622,23 @@ export default {
 
     // 获取各场馆的趋势
     getTdcg(){
-      let guids = "110|210|310"
+
       btApi.tdGroupRealTimeEnter({type:1}).then(res=>{
         console.log(res)
         const tmpdata = res.data.data
         // X 轴的名称字段
+        const narr = new Array
         const xarr =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)
         })
         //
+        this.zxndata = narr
         this.zxlindata = xarr
         this.zxliddata = darr
 
@@ -673,10 +654,11 @@ 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',];
+      //var xData = ['09:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00', '17:00',];
+      var xData = this.zxlindata
       var color = ['#FF99CC', '#6666FF', '#FF6600', '#7049f0', '#fa704d', '#01babc',]
-      var name = this.zxlindata.slice(-10,this.zxlindata.length)
-      var data = this.zxliddata.slice(-10,this.zxliddata.length)
+      var name = this.zxndata
+      var data = this.zxliddata
 
       var series = [];
       for (var i = 0; i < data.length; i++) {
@@ -791,14 +773,14 @@ export default {
           },
           axisLabel: {
             inside: false,
-            interval: 0,
+            // interval: 0,
             textStyle: {
               color: '#FFFFFF',
               fontWeight: 'normal',
               fontSize: '12',
             },
           },
-          data: name,
+          data: xData,
         }],
         yAxis: {
           type: 'value',