调整图表显示

src/views/ty/index.vue

@@ -62,11 +62,11 @@
           <div class="c_title">24小时进馆人数</div>
           <div class="c_l" id="animationA"></div>
           <div class="c_r">
-            <span class="c_r_num">{{ cgv_1 }}</span>
+            <span class="c_r_num">{{ cgdata[0].gval }}</span>
             <span class="c_r_txt">体育场</span>
-            <span class="c_r_num">{{ cgv_2 }}</span>
+            <span class="c_r_num">{{ cgdata[1].gval }}</span>
             <span class="c_r_txt">体育馆</span>
-            <span class="c_r_num">{{ cgv_3 }}</span>
+            <span class="c_r_num">{{ cgdata[2].gval }}</span>
             <span class="c_r_txt">游泳场馆</span>
           </div>
 
@@ -96,7 +96,7 @@
                   </span>
                 </div>
                 <div class="venue_proportion_bo">
-                  <span>{{ cgn_1 }}</span>
+                  <span> {{ cgdata[0].gname }}</span>
                 </div>
               </div>
               <div class="venue_proportion">
@@ -111,7 +111,7 @@
                   </span>
                 </div>
                 <div class="venue_proportion_bo">
-                  <span>{{ cgn_2 }}</span>
+                  <span>{{ cgdata[0].gname }}</span>
                 </div>
               </div>
               <div class="venue_proportion">
@@ -126,7 +126,7 @@
                   </span>
                 </div>
                 <div class="venue_proportion_bo">
-                  <span>{{ cgn_3 }}</span>
+                  <span>{{ cgdata[0].gname }}</span>
                 </div>
               </div>
 
@@ -176,6 +176,8 @@ export default {
       data24h: [],
       // 场馆人次占比
       groupsData: [],
+      // 场馆信息数组
+      cgdata:[],
       // cgp 场馆比例
       cgp_1:'',
       cgp_2:'',
@@ -247,6 +249,14 @@ export default {
 
   },
   methods: {
+    // 画中画开启
+    istygShowfn() {
+      if (this.istygShow === false) {
+        this.istygShow = true
+      } else {
+        this.istygShow = false
+      }
+    },
 
     ty_bar1() {
       let that = this;
@@ -886,8 +896,14 @@ export default {
       // 场馆人次占比
       homeApi.homeBarData({groupsId:idArr}).then(res=>{
           // console.log(res, '=场馆人次占比=');
+          console.log(res.data.data.groupsData)
           res.data.data.groupsData.forEach(item=>{
             that.groupsData.push(item);
+            that.cgdata.push({
+              gname:item.groupName,
+              grate:item.proportion,
+              gval:item.noRepeatInNum
+            })
           });
           // console.log(that.groupsData, 'that.groupsData')
           that.cgn_1 = that.groupsData[0].groupName;