diff --git a/src/project/saas/AppDataStatistics/components/resident.vue b/src/project/saas/AppDataStatistics/components/resident.vue index 74fd989c..fd9cf1c8 100644 --- a/src/project/saas/AppDataStatistics/components/resident.vue +++ b/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,9 +247,9 @@ 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: '女' }, + ] } ] };