柱状图和环状图

src/project/saas/AppDataStatistics/components/resident.vue

@@ -74,6 +74,10 @@ export default {
           this.ageFlag = !this.ageArray.every(e=> e==0)
           this.sexArray = res.data.男女比例.map(v=> v.v2)
           this.sexFlag = !this.sexArray.every(e=> e==0)
+          this.$nextTick(()=> {
+            this.getAgeEcherts(this.ageArray)
+            this.getAgeProportion()
+          })
         }
       })
     },
@@ -143,7 +147,7 @@ export default {
       option && myChart.setOption(option);
     },
     // 年龄分布
-    getAgeEcherts() {
+    getAgeEcherts(ageArray) {
       let ageDom = document.getElementById('ageEcharts');
       let myChart = echarts.init(ageDom);
       let option;
@@ -163,7 +167,7 @@ export default {
         },
         series: [
           {
-            data: this.ageArray,
+            data: ageArray,
             type: 'bar',
             itemStyle: {
               normal: {
@@ -243,8 +247,8 @@ export default {
               maxSurfaceAngle: 80
             },
             data: [
-              { value: this.sexArray[1]?.v2, name: '男' },
-              { value: this.sexArray[0]?.v2, name: '女' },
+              { value: this.sexArray?.[1] , name: '男' },
+              { value: this.sexArray?.[0] , name: '女' },
             ] 
           }
         ]