diff --git a/src/views/detections/Index.vue b/src/views/detections/Index.vue
index a14cf12c..f953919b 100644
--- a/src/views/detections/Index.vue
+++ b/src/views/detections/Index.vue
@@ -450,7 +450,7 @@ export default {
           data.sort(reverseSortBy('count'))
           data = data.slice(0, 5)
           offenderIpOption.series[0].data = data.map(d => {
-            return [d.count, `${d.keyFields},${d.keyValues}`]
+            return [d.count, `${d.keyValues},${d.keyFields}`, d.keyValues, d.keyFields]
           }).reverse()
           detectionChart.setOption(offenderIpOption)
 
diff --git a/src/views/detections/options/detectionOptions.js b/src/views/detections/options/detectionOptions.js
index 166378d0..352b8fcb 100644
--- a/src/views/detections/options/detectionOptions.js
+++ b/src/views/detections/options/detectionOptions.js
@@ -306,7 +306,7 @@ export const activeAttackBar = {
       overflow: 'truncate'
     },
     formatter: function (param, index, callback) {
-      return `${param.name}: ${unitConvert(param.value[0], 'number').join(' ')}`
+      return `${param.value[3]},${param.value[2]}: ${unitConvert(param.value[0], 'number').join(' ')}`
     },
     show: true,
     className: 'nz-chart-tooltip',