最近项目用到echart图表,需要的数据后端给了两个接口才能获取,所以echart的图表数据需要将后面两个请求的数据进行处理下,图表才能显示
echart效果图
左边三个是一个请求获取的数据,右边三个是另一个请求获取的数据
代码截图
handleRightTopChartData() { Promise.all([ this.getQueryCurrentYearsMentList(), this.getQueryCurrentYearsProfitList(), ])
.then(() => { this.secondData = [ ...this.rightTopChartData1, ...this.rightTopChartData2, ]; })
.then(() => { this.$refs.secondBarEchart.InitEchart(); });
}, //年度收入 getQueryCurrentYearsMentList() { return new Promise((resolve, reject) => { queryCurrentYearsMentList(this.obj).then((res) => { if (res.code == 0) { this.rightTopChartData1 = res.data[0].fifthD; resolve(); } }); }); }, //年度利润 getQueryCurrentYearsProfitList() { return new Promise((resolve, reject) => { queryCurrentYearsProfitList(this.obj).then((res) => { if (res.code == 0) { this.rightTopChartData2 = res.data[0].fifthD; resolve(); } }); }); },
async handleRightTopChartData2() {
try {
let a = await this.getQueryCurrentYearsMentList();
let b = await this.getQueryCurrentYearsProfitList();
console.log(a, "a");
console.log(b, "b");
} catch (err) {
console.log(err);
}
},
