修复积分统计变更样式

project/fengdu/app/AppIntegralStatistics/AppIntegralStatistics.vue

@@ -4,7 +4,7 @@
       <ai-title slot="title" title="总体统计">
         <template #rightBtn>
           <el-row type="flex" align="middle">
-            <ai-select v-model="searchTypeList" @change="changeType" placeholder="选择积分申请事件" multiple  :selectList="typeList"></ai-select>
+            <ai-select v-model="searchTypeList" @change="changeType" placeholder="选择积分申请事件" multiple :selectList="typeList"/>
             <span class="shortcut" v-for="(item,i) in timeCheck" :key="i" :class="{active:type==i}"
                   @click="timeChange(i)" v-text="item"/>
             <el-cascader ref="cascader1" v-model="girdArr" :options="girdOptions" placeholder="所属网格" size="small"
@@ -297,10 +297,10 @@ export default {
           this.userSortListY = res.data.userSortList.map(e => e.changeIntegral).reverse()
           this.girdSortListX = res.data.girdSortList.map(e => e.girdName).reverse()
           this.girdSortListY = res.data.girdSortList.map(e => e.changeIntegral).reverse()
-          
-          if(this.isRuleChart) {
+
+          if (this.isRuleChart) {
             var ruleSortList = res.data.ruleSortList
-            if(res.data.ruleSortList && res.data.ruleSortList.length > 10) {
+            if (res.data.ruleSortList && res.data.ruleSortList.length > 10) {
               ruleSortList = res.data.ruleSortList.slice(0, 10);
             }
             this.ruleSortListX = ruleSortList.map(e => e.integral_rule_name).reverse()
@@ -311,10 +311,10 @@ export default {
       }).then(() => {
         this.getColEcherts1(this.userSortListX, this.userSortListY)
         this.getColEcherts2(this.girdSortListX, this.girdSortListY)
-        if(this.isRuleChart) {
+        if (this.isRuleChart) {
           this.getColEcherts3(this.ruleSortListX, this.ruleSortListY)
         }
-      })
+      }).then(() => this.onResize())
     },
     // 积分明细
     getTableData() {
@@ -536,9 +536,11 @@ export default {
       }, true);
     },
     onResize() {
-      this.myChart1?.resize()
-      this.myChart2?.resize()
-      this.sta.map(e => e.chart?.resize())
+      const animation = {duration: 1000}
+      this.myChart1?.resize({animation})
+      this.myChart2?.resize({animation})
+      this.myChart3?.resize({animation})
+      this.sta.map(e => e.chart?.resize({animation}))
     },
     gridChange(val) {
       console.log(val)