fix: 折线图多个 tab 无数据时,只保留total时默认选中

This commit is contained in:
@changcode
2022-10-26 18:20:31 +08:00
parent 06c86b8172
commit 04e4371ac1
3 changed files with 70 additions and 15 deletions

View File

@@ -205,10 +205,12 @@ export default {
mpackets[0].data = t.totalBitsRate.values ? t.totalBitsRate.values : [] mpackets[0].data = t.totalBitsRate.values ? t.totalBitsRate.values : []
mpackets[1].data = t.inboundBitsRate.values ? t.inboundBitsRate.values : [] mpackets[1].data = t.inboundBitsRate.values ? t.inboundBitsRate.values : []
mpackets[2].data = t.outboundBitsRate.values ? t.outboundBitsRate.values : [] mpackets[2].data = t.outboundBitsRate.values ? t.outboundBitsRate.values : []
let num = 0
mpackets.forEach(e => { mpackets.forEach(e => {
e.unitType = 'bps' e.unitType = 'bps'
if (e.name !== 'network.total' && e.analysis.avg == 0) { if (e.name !== 'network.total' && e.analysis.avg == 0) {
e.show = false e.show = false
num += 1
} else { } else {
e.show = true e.show = true
if (!active && show !== this.lineRefer) { if (!active && show !== this.lineRefer) {
@@ -223,9 +225,18 @@ export default {
} }
}) })
this.mpackets = mpackets this.mpackets = mpackets
this.$nextTick(() => { if (num === 3) {
this.echartsInit(this.mpackets, show) mpackets[0].invertTab = false
}) this.lineTab = 'total'
this.legendSelectChange(mpackets[0], 0)
this.$nextTick(() => {
this.echartsInit(this.mpackets)
})
} else {
this.$nextTick(() => {
this.echartsInit(this.mpackets)
})
}
} else if (t.type === 'queries' && val === 'Queries/s') { } else if (t.type === 'queries' && val === 'Queries/s') {
const mpackets = _.cloneDeep(this.mpackets) const mpackets = _.cloneDeep(this.mpackets)
mpackets[0].analysis = t.totalQueryRate.analysis mpackets[0].analysis = t.totalQueryRate.analysis

View File

@@ -186,10 +186,12 @@ export default {
mpackets[0].data = t.totalBitsRate.values ? t.totalBitsRate.values : [] mpackets[0].data = t.totalBitsRate.values ? t.totalBitsRate.values : []
mpackets[1].data = t.ingressBitsRate.values ? t.ingressBitsRate.values : [] mpackets[1].data = t.ingressBitsRate.values ? t.ingressBitsRate.values : []
mpackets[2].data = t.egressBitsRate.values ? t.egressBitsRate.values : [] mpackets[2].data = t.egressBitsRate.values ? t.egressBitsRate.values : []
let num = 0
mpackets.forEach(e => { mpackets.forEach(e => {
e.unitType = 'bps' e.unitType = 'bps'
if (e.name !== 'network.total' && e.analysis.avg == 0) { if (e.name !== 'network.total' && e.analysis.avg == 0) {
e.show = false e.show = false
num += 1
} else { } else {
e.show = true e.show = true
if (!active && !show) { if (!active && !show) {
@@ -204,9 +206,18 @@ export default {
} }
}) })
this.mpackets = mpackets this.mpackets = mpackets
this.$nextTick(() => { if (num === 3) {
this.echartsInit(this.mpackets) mpackets[0].invertTab = false
}) this.lineTab = 'total'
this.legendSelectChange(mpackets[0], 0)
this.$nextTick(() => {
this.echartsInit(this.mpackets)
})
} else {
this.$nextTick(() => {
this.echartsInit(this.mpackets)
})
}
} else if (t.type === 'packets' && val === 'Packets/s') { } else if (t.type === 'packets' && val === 'Packets/s') {
const mpackets = _.cloneDeep(this.mpackets) const mpackets = _.cloneDeep(this.mpackets)
mpackets[0].analysis = t.totalPacketsRate.analysis mpackets[0].analysis = t.totalPacketsRate.analysis
@@ -215,10 +226,12 @@ export default {
mpackets[0].data = t.totalPacketsRate.values ? t.totalPacketsRate.values : [] mpackets[0].data = t.totalPacketsRate.values ? t.totalPacketsRate.values : []
mpackets[1].data = t.ingressPacketsRate.values ? t.ingressPacketsRate.values : [] mpackets[1].data = t.ingressPacketsRate.values ? t.ingressPacketsRate.values : []
mpackets[2].data = t.egressPacketsRate.values ? t.egressPacketsRate.values : [] mpackets[2].data = t.egressPacketsRate.values ? t.egressPacketsRate.values : []
let num = 0
mpackets.forEach(e => { mpackets.forEach(e => {
e.unitType = 'packets/s' e.unitType = 'packets/s'
if (e.name !== 'network.total' && e.analysis.avg == 0) { if (e.name !== 'network.total' && e.analysis.avg == 0) {
e.show = false e.show = false
num += 1
} else { } else {
e.show = true e.show = true
if (!active && !show) { if (!active && !show) {
@@ -233,9 +246,18 @@ export default {
} }
}) })
this.mpackets = mpackets this.mpackets = mpackets
this.$nextTick(() => { if (num === 3) {
this.echartsInit(this.mpackets) mpackets[0].invertTab = false
}) this.lineTab = 'total'
this.legendSelectChange(mpackets[0], 0)
this.$nextTick(() => {
this.echartsInit(this.mpackets)
})
} else {
this.$nextTick(() => {
this.echartsInit(this.mpackets)
})
}
} }
}) })
} }

View File

@@ -216,10 +216,12 @@ export default {
mpackets[3].data = t.internalBitsRate.values ? t.internalBitsRate.values : [] mpackets[3].data = t.internalBitsRate.values ? t.internalBitsRate.values : []
mpackets[4].data = t.throughBitsRate.values ? t.throughBitsRate.values : [] mpackets[4].data = t.throughBitsRate.values ? t.throughBitsRate.values : []
mpackets[5].data = t.other.values ? t.other.values : [] mpackets[5].data = t.other.values ? t.other.values : []
let num = 0
mpackets.forEach(e => { mpackets.forEach(e => {
e.unitType = 'bps' e.unitType = 'bps'
if (e.name !== 'network.total' && e.analysis.avg == 0) { if (e.name !== 'network.total' && e.analysis.avg == 0) {
e.show = false e.show = false
num += 1
} else { } else {
e.show = true e.show = true
if (!active && show !== this.lineRefer) { if (!active && show !== this.lineRefer) {
@@ -234,9 +236,18 @@ export default {
} }
}) })
this.mpackets = mpackets this.mpackets = mpackets
this.$nextTick(() => { if (num === 5) {
this.echartsInit(this.mpackets, show) mpackets[0].invertTab = false
}) this.lineTab = 'total'
this.legendSelectChange(mpackets[0], 0)
this.$nextTick(() => {
this.echartsInit(this.mpackets, true)
})
} else {
this.$nextTick(() => {
this.echartsInit(this.mpackets, show)
})
}
} else if (t.type === 'packets' && val === 'Packets/s') { } else if (t.type === 'packets' && val === 'Packets/s') {
const mpackets = _.cloneDeep(this.mpackets) const mpackets = _.cloneDeep(this.mpackets)
mpackets[0].analysis = t.totalPacketsRate.analysis mpackets[0].analysis = t.totalPacketsRate.analysis
@@ -251,10 +262,12 @@ export default {
mpackets[3].data = t.internalPacketsRate.values ? t.internalPacketsRate.values : [] mpackets[3].data = t.internalPacketsRate.values ? t.internalPacketsRate.values : []
mpackets[4].data = t.throughPacketsRate.values ? t.throughPacketsRate.values : [] mpackets[4].data = t.throughPacketsRate.values ? t.throughPacketsRate.values : []
mpackets[5].data = t.other.values ? t.other.values : [] mpackets[5].data = t.other.values ? t.other.values : []
let num = 0
mpackets.forEach(e => { mpackets.forEach(e => {
e.unitType = 'packets/s' e.unitType = 'packets/s'
if (e.name !== 'network.total' && e.analysis.avg == 0) { if (e.name !== 'network.total' && e.analysis.avg == 0) {
e.show = false e.show = false
num += 1
} else { } else {
e.show = true e.show = true
if (!active && show !== this.lineRefer) { if (!active && show !== this.lineRefer) {
@@ -269,9 +282,18 @@ export default {
} }
}) })
this.mpackets = mpackets this.mpackets = mpackets
this.$nextTick(() => { if (num === 5) {
this.echartsInit(this.mpackets, show) mpackets[0].invertTab = false
}) this.lineTab = 'total'
this.legendSelectChange(mpackets[0], 0)
this.$nextTick(() => {
this.echartsInit(this.mpackets, true)
})
} else {
this.$nextTick(() => {
this.echartsInit(this.mpackets, show)
})
}
} else if (t.type === 'sessions' && val === 'Sessions/s') { } else if (t.type === 'sessions' && val === 'Sessions/s') {
const mpackets = _.cloneDeep(this.mpackets) const mpackets = _.cloneDeep(this.mpackets)
mpackets[0].analysis = t.totalSessionsRate.analysis mpackets[0].analysis = t.totalSessionsRate.analysis