diff --git a/src/views/charts/charts/tools.js b/src/views/charts/charts/tools.js
index b9769799..ddd656c0 100644
--- a/src/views/charts/charts/tools.js
+++ b/src/views/charts/charts/tools.js
@@ -474,10 +474,8 @@ export function stackedLineTooltipFormatter (params) {
   str += '<div class="cn-chart-tooltip">'
   params.forEach((item, i) => {
     str += '<span class="cn-chart-tooltip-box">'
-    str += item.marker
-    str += `<span class="cn-chart-tooltip-content">
-          ${item.seriesName}
-      </span>`
+    str += `<span style="display:inline-block;margin-right:4px;border-radius:10px;width:10px;height:10px;background-color:${item.borderColor};"></span>`
+    str += `<span class="cn-chart-tooltip-content">${item.seriesName}</span>`
     str += '</span>'
   })
   str += '</div>'
diff --git a/src/views/charts2/charts/dnsInsight/DnsTrafficLine.vue b/src/views/charts2/charts/dnsInsight/DnsTrafficLine.vue
index da5ed7cc..051540f4 100644
--- a/src/views/charts2/charts/dnsInsight/DnsTrafficLine.vue
+++ b/src/views/charts2/charts/dnsInsight/DnsTrafficLine.vue
@@ -350,6 +350,11 @@ export default {
       this.chartOption.tooltip.formatter = (params) => {
         params.forEach(t => {
           t.seriesName = this.$t(t.seriesName)
+          this.mpackets.forEach(e => {
+            if (this.$t(e.name) === t.seriesName) {
+              t.borderColor = chartColor3[e.positioning]
+            }
+          })
         })
         const str = stackedLineTooltipFormatter(params)
         return str
diff --git a/src/views/charts2/charts/linkMonitor/LinkTrafficLine.vue b/src/views/charts2/charts/linkMonitor/LinkTrafficLine.vue
index 6f3eae1c..099f7a90 100644
--- a/src/views/charts2/charts/linkMonitor/LinkTrafficLine.vue
+++ b/src/views/charts2/charts/linkMonitor/LinkTrafficLine.vue
@@ -297,6 +297,11 @@ export default {
       this.chartOption.tooltip.formatter = (params) => {
         params.forEach(t => {
           t.seriesName = this.$t(t.seriesName)
+          this.mpackets.forEach(e => {
+            if (this.$t(e.name) === t.seriesName) {
+              t.borderColor = chartColor3[e.positioning]
+            }
+          })
         })
         const str = stackedLineTooltipFormatter(params)
         return str
diff --git a/src/views/charts2/charts/linkMonitor/localComponents/LinkTrafficDrillDownLine.vue b/src/views/charts2/charts/linkMonitor/localComponents/LinkTrafficDrillDownLine.vue
index bf6e94ea..d03806b9 100644
--- a/src/views/charts2/charts/linkMonitor/localComponents/LinkTrafficDrillDownLine.vue
+++ b/src/views/charts2/charts/linkMonitor/localComponents/LinkTrafficDrillDownLine.vue
@@ -286,6 +286,11 @@ export default {
       this.chartOption.tooltip.formatter = (params) => {
         params.forEach(t => {
           t.seriesName = this.$t(t.seriesName)
+          this.mpackets.forEach(e => {
+            if (this.$t(e.name) === t.seriesName) {
+              t.borderColor = chartColor3[e.positioning]
+            }
+          })
         })
         const str = stackedLineTooltipFormatter(params)
         return str
diff --git a/src/views/charts2/charts/networkOverview/NetworkOverviewLine.vue b/src/views/charts2/charts/networkOverview/NetworkOverviewLine.vue
index cbb704ec..22249512 100644
--- a/src/views/charts2/charts/networkOverview/NetworkOverviewLine.vue
+++ b/src/views/charts2/charts/networkOverview/NetworkOverviewLine.vue
@@ -396,6 +396,11 @@ export default {
       this.chartOption.tooltip.formatter = (params) => {
         params.forEach(t => {
           t.seriesName = this.$t(t.seriesName)
+          this.mpackets.forEach(e => {
+            if (this.$t(e.name) === t.seriesName) {
+              t.borderColor = chartColor3[e.positioning]
+            }
+          })
         })
         const str = stackedLineTooltipFormatter(params)
         return str