diff --git a/src/views/charts2/charts/dnsInsight/DnsTrafficLine.vue b/src/views/charts2/charts/dnsInsight/DnsTrafficLine.vue
index fc4080db..5a1101e5 100644
--- a/src/views/charts2/charts/dnsInsight/DnsTrafficLine.vue
+++ b/src/views/charts2/charts/dnsInsight/DnsTrafficLine.vue
@@ -242,7 +242,7 @@ export default {
                 })
               } else {
                 this.$nextTick(() => {
-                  this.echartsInit(this.mpackets)
+                  this.echartsInit(this.mpackets, show)
                 })
               }
             } else if (t.type === 'queries' && val === 'Queries/s') {
diff --git a/src/views/charts2/charts/npm/NpmTrafficLine.vue b/src/views/charts2/charts/npm/NpmTrafficLine.vue
index 561dbaf0..9335bedd 100644
--- a/src/views/charts2/charts/npm/NpmTrafficLine.vue
+++ b/src/views/charts2/charts/npm/NpmTrafficLine.vue
@@ -539,7 +539,11 @@ export default {
             }
           })
           this.npmQuantity.forEach(d => {
-            if (this.$t(d.name) === t.seriesName) {
+            const nameMs = this.$t(d.name) + '(ms)'
+            const namePrent = this.$t(d.name) + '(%)'
+            if (nameMs === t.seriesName) {
+              t.borderColor = chartColor3[d.positioning]
+            } else if (namePrent === t.seriesName) {
               t.borderColor = chartColor3[d.positioning]
             }
           })