test-version22
/
MeterSphere
mirror of https://gitee.com/fit2cloud-feizhiyun/MeterSphere.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

refactor(性能测试): 优化测试详情显示页面的图表

This commit is contained in:
Captain.B 2021-07-20 13:16:48 +08:00 committed by 刘瑞斌
parent 2fb2a77481
commit 32ef469d9d
1 changed files with 49 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

73
frontend/src/business/components/performance/report/components/TestDetails.vue
View File

@ -478,7 +478,32 @@ export default {
for (let name in this.checkList) {
promises.push(this.getChart(name, this.checkList[name]));
}
Promise.all(promises).then(() => {
Promise.all(promises).then((res) => {
res = res.filter(v => !!v);
// console.log(res);
for (let i = 0; i < res.length; i++) {
if (i === 0) {
this.baseOption.yAxis.push({
name: this.$t('load_test.report.' + res[i].reportKey),
type: 'value',
min: 0,
position: 'left',
boundaryGap: [0, '100%']
});
} else {
this.baseOption.yAxis.push({
name: this.$t('load_test.report.' + res[i].reportKey),
type: 'value',
min: 0,
position: 'right',
nameRotate: 20,
offset: (i - 1) * 50,
boundaryGap: [0, '100%']
});
}
this.totalOption = this.generateOption(this.baseOption, res[i].data, i);
}
this.totalOption.grid.right = (res.length - 1) * 5 + '%';
this.changeDataZoom({start: 0, end: 100});
this.result.loading = false;
}).catch(() => {
@ -529,29 +554,29 @@ export default {
data.forEach(item => {
item.groupName = this.$t('load_test.report.' + reportKey) + ': ' + item.groupName;
});
if (this.baseOption.yAxis.length === 0) {
this.baseOption.yAxis.push({
name: this.$t('load_test.report.' + reportKey),
type: 'value',
min: 0,
position: 'left',
boundaryGap: [0, '100%']
});
} else {
this.baseOption.yAxis.push({
name: this.$t('load_test.report.' + reportKey),
type: 'value',
min: 0,
position: 'right',
nameRotate: 20,
offset: (this.baseOption.yAxis.length - 1) * 50,
boundaryGap: [0, '100%']
});
this.baseOption.grid.right = (this.baseOption.yAxis.length - 1) * 5 + '%';
}
let yAxisIndex = this.baseOption.yAxis.length - 1;
this.totalOption = this.generateOption(this.baseOption, data, yAxisIndex);
return {data, reportKey};
// if (this.baseOption.yAxis.length === 0) {
// this.baseOption.yAxis.push({
// name: this.$t('load_test.report.' + reportKey),
// type: 'value',
// min: 0,
// position: 'left',
// boundaryGap: [0, '100%']
// });
// } else {
// this.baseOption.yAxis.push({
// name: this.$t('load_test.report.' + reportKey),
// type: 'value',
// min: 0,
// position: 'right',
// nameRotate: 20,
// offset: (this.baseOption.yAxis.length - 1) * 50,
// boundaryGap: [0, '100%']
// });
// this.baseOption.grid.right = (this.baseOption.yAxis.length - 1) * 5 + '%';
// }
// let yAxisIndex = this.baseOption.yAxis.length - 1;
// this.totalOption = this.generateOption(this.baseOption, data, yAxisIndex);
})
.catch(() => {
this.totalOption = {};