diff --git a/src/assets/css/components/views/charts2/npmTrafficLine.scss b/src/assets/css/components/views/charts2/npmTrafficLine.scss
index bf8c25f4..df0cb0cb 100644
--- a/src/assets/css/components/views/charts2/npmTrafficLine.scss
+++ b/src/assets/css/components/views/charts2/npmTrafficLine.scss
@@ -26,7 +26,7 @@
box-shadow: none;
border-radius: 2px;
.el-input__inner {
- width: 140px;
+ width: 225px;
height: 24px;
padding-left: 4px;
line-height: 24px;
diff --git a/src/views/charts2/charts/npm/NpmTrafficLine.vue b/src/views/charts2/charts/npm/NpmTrafficLine.vue
index dde1a0c5..6fd47c95 100644
--- a/src/views/charts2/charts/npm/NpmTrafficLine.vue
+++ b/src/views/charts2/charts/npm/NpmTrafficLine.vue
@@ -13,7 +13,7 @@
:popper-append-to-body="false"
@change="metricChange"
>
-
+
@@ -86,23 +86,23 @@ export default {
},
{
value: 'establishLatencyMs',
- label: 'establishLatencyMs'
+ label: 'networkAppPerformance.tcpConnectionEstablishLatency'
},
{
value: 'httpResponseLatency',
- label: 'httpResponseLatency'
+ label: 'networkAppPerformance.httpResponse'
},
{
value: 'sslConLatency',
- label: 'sslConLatency'
+ label: 'networkAppPerformance.sslResponseLatency'
},
{
value: 'tcpLostlenPercent',
- label: 'tcpLostlenPercent'
+ label: 'networkAppPerformance.packetLoss'
},
{
value: 'pktRetransPercent',
- label: 'pktRetransPercent'
+ label: 'overall.packetRetrans'
}
],
npmShowType: 'Bits/s'