Browse Source

柱状图

dev
tianq 3 years ago
parent
commit
cd2704deac
  1. 19
      src/views/modules/census/census-accountList.vue

19
src/views/modules/census/census-accountList.vue

@ -420,7 +420,7 @@ export default {
return item; return item;
}) })
: []; : [];
console.log("this.tableData ",this.tableData ) console.log('this.tableData ', this.tableData);
this.getPie(); this.getPie();
} else { } else {
this.$message.error(msg); this.$message.error(msg);
@ -460,16 +460,17 @@ export default {
} }
}, },
setPieData() { setPieData() {
let data=[...this.tableData] let data = [...this.tableData];
let PieData={}; let PieData = {};
PieData.name=data.map((item) => item.agencyName); PieData.name = data.map(item => item.agencyName);
PieData.data=data.map((item) => item.count); PieData.data = data.map(item => {
console.log( PieData) return { value: item.count, id: item.agencyId, level: item.agencyLevel };
});
console.log(PieData);
this.iniPieChart(PieData); this.iniPieChart(PieData);
}, },
// //
async iniPieChart(PieData) { async iniPieChart(PieData) {
this.$refs.pieChart.clear(); this.$refs.pieChart.clear();
// pieChart // pieChart
this.pieOption = { this.pieOption = {
@ -490,12 +491,10 @@ export default {
} }
] ]
}; };
this.pieOption.series[0].data = this.pieData;
this.$refs.pieChart.setOption(this.pieOption); this.$refs.pieChart.setOption(this.pieOption);
}, },
handelClickMyPei(param) { handelClickMyPei(param) {
console.log(param); this.
} }
} }
}; };

Loading…
Cancel
Save