fix: 折线图多个 tab 无数据时,只保留total时默认选中
This commit is contained in:
@@ -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
|
||||||
|
|||||||
@@ -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)
|
||||||
|
})
|
||||||
|
}
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
Reference in New Issue
Block a user