From 77afe3fe65ebdd1c41df3dd9a212f99cb3055dd9 Mon Sep 17 00:00:00 2001 From: "@changcode" Date: Tue, 26 Jul 2022 17:18:54 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20Dashboard=20-=20network=20overview=20-?= =?UTF-8?q?=20=E6=8A=98=E7=BA=BF=E5=9B=BE=20=E5=A2=9E=E5=8A=A0markLine?= =?UTF-8?q?=E9=85=8D=E7=BD=AE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../charts2/charts/NetworkOverviewLine.vue | 23 +++++++++++++++++-- 1 file changed, 21 insertions(+), 2 deletions(-) diff --git a/src/views/charts2/charts/NetworkOverviewLine.vue b/src/views/charts2/charts/NetworkOverviewLine.vue index 80762a14..48f42b0f 100644 --- a/src/views/charts2/charts/NetworkOverviewLine.vue +++ b/src/views/charts2/charts/NetworkOverviewLine.vue @@ -7101,7 +7101,26 @@ export default { } ]) }, - data: this.chartDateObject[i].dateArr.map(t => [t.stat_time, t.rate]) + data: this.chartDateObject[i].dateArr.map(t => [t.stat_time, t.rate]), + markLine: { + silent: true, + lineStyle: { + color: '#B4B1A8' + }, + symbol: 'none', + data: [ + { yAxis: 68000000 } + ], + label: { + formatter (params) { + const arr = unitConvert(params.value, unitTypes.number).join('') + return _this.value2 + '(' + arr + 'packets/s' + ')' + }, + position: 'insideStartTop', + color: '#717171', + fontFamily: 'NotoSansSChineseRegular' + } + } } }) this.chartOption.tooltip.formatter = (params) => { @@ -7223,7 +7242,7 @@ export default { this.timer = setTimeout(() => { this.init() this.handleActiveBar('inbound') - }, 100) + }, 200) window.addEventListener('resize', this.resize) }, beforeUnmount () {