diff --git a/src/views/im/home/index.vue b/src/views/im/home/index.vue
index 4fb3007..43f1998 100644
--- a/src/views/im/home/index.vue
+++ b/src/views/im/home/index.vue
@@ -76,7 +76,13 @@
             });
         }, 100)
     );
-    const handleChart = (selector, name, data) => {
+    const handleChart = (
+        selector,
+        name,
+        data,
+        formatter = (params) =>
+            `${params[0].axisValue}<br/><span style="color:${params[0].color};font-size:20px;margin-right:5px;">●</span>${params[0].seriesName}<b style="margin-left:10px;">${params[0].value}</b>`
+    ) => {
         let chart = charts.value[selector];
         chart?.dispose();
         chart = charts.value[selector] = echarts.init(document.querySelector(selector));
@@ -93,6 +99,7 @@
             ],
             tooltip: {
                 trigger: 'axis',
+                formatter,
             },
             grid: {
                 left: '0',
@@ -157,7 +164,9 @@
                         label: item.hours,
                         value: item.messageCount,
                     };
-                })
+                }),
+                (params) =>
+                    `${params[0].axisValue}:00 - ${params[0].axisValue}:59<br/><span style="color:${params[0].color};font-size:20px;margin-right:5px;">●</span>${params[0].seriesName}<b style="margin-left:10px;">${params[0].value}</b>`
             );
         }
     );