fix: 修复 Network Overview 折线图 下拉选择 markLine 无变化问题

This commit is contained in:
@changcode
2022-07-30 15:30:03 +08:00
parent f80cf8ef96
commit b457fb63e8
2 changed files with 10 additions and 3 deletions

View File

@@ -40,6 +40,7 @@
v-model="value2" v-model="value2"
:disabled="activeShow === 'total'" :disabled="activeShow === 'total'"
popper-class="reference-line" popper-class="reference-line"
@change="referenceSelectChange"
> >
<el-option v-for="item in options2" :key="item.value" :label="item.label" :value="item.value"></el-option> <el-option v-for="item in options2" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select> </el-select>
@@ -113,7 +114,8 @@ export default {
activeShow: 'total', activeShow: 'total',
mousemoveCursor: '', mousemoveCursor: '',
leftOffset: 0, leftOffset: 0,
sizes: [3, 4, 6, 8, 9, 10] sizes: [3, 4, 6, 8, 9, 10],
echartsLabelValue: 'Average'
} }
}, },
watch: { watch: {
@@ -7114,7 +7116,7 @@ export default {
label: { label: {
formatter (params) { formatter (params) {
const arr = unitConvert(params.value, unitTypes.number).join('') const arr = unitConvert(params.value, unitTypes.number).join('')
return _this.value2 + '(' + arr + 'packets/s' + ')' return _this.echartsLabelValue + '(' + arr + 'packets/s' + ')'
}, },
position: 'insideStartTop', position: 'insideStartTop',
color: '#717171', color: '#717171',
@@ -7196,6 +7198,12 @@ export default {
} }
this.activeShow = 'total' this.activeShow = 'total'
}, },
referenceSelectChange (val) {
this.timer = setTimeout(() => {
this.init()
}, 200)
this.echartsLabelValue = val
},
symbolSizeSortChange (index, time) { symbolSizeSortChange (index, time) {
const dataIntegrationArray = [] const dataIntegrationArray = []
if (stackedLineChartOption.series[0]) { if (stackedLineChartOption.series[0]) {

View File

@@ -293,7 +293,6 @@ export const npmLineChartOption = {
{ {
type: 'line', type: 'line',
symbol: 'circle', symbol: 'circle',
stack: 'network.total',
smooth: true, smooth: true,
showSymbol: false, showSymbol: false,
emphasis: { emphasis: {