diff --git a/src/views/dashboard/related/trace/components/Table/TableItem.vue b/src/views/dashboard/related/trace/components/Table/TableItem.vue
index a9047f84..5b84559e 100644
--- a/src/views/dashboard/related/trace/components/Table/TableItem.vue
+++ b/src/views/dashboard/related/trace/components/Table/TableItem.vue
@@ -17,14 +17,14 @@ limitations under the License. -->
   <div v-if="type === 'statistics'">
     <div class="trace-item">
       <div :class="['method']">
-        <el-tooltip :content="data.groupRef.endpointName" placement="bottom">
+        <el-tooltip :content="data.groupRef.endpointName" placement="bottom" :show-after="300">
           <span>
             {{ data.groupRef.endpointName }}
           </span>
         </el-tooltip>
       </div>
       <div :class="['type']">
-        <el-tooltip :content="data.groupRef.type" placement="bottom">
+        <el-tooltip :content="data.groupRef.type" placement="bottom" :show-after="300">
           <span>
             {{ data.groupRef.type }}
           </span>
@@ -76,22 +76,22 @@ limitations under the License. -->
         <el-tooltip
           :content="data.type === 'Entry' ? 'Entry' : 'Exit'"
           placement="bottom"
+          :show-after="300"
           v-if="['Entry', 'Exit'].includes(data.type)"
         >
           <span>
             <Icon :iconName="data.type === 'Entry' ? 'entry' : 'exit'" size="sm" class="mr-5" />
           </span>
         </el-tooltip>
-        <el-tooltip v-if="isCrossThread" content="CROSS_THREAD" placement="bottom">
+        <el-tooltip v-if="isCrossThread" content="CROSS_THREAD" placement="bottom" :show-after="300">
           <span>
             <Icon iconName="cross" size="sm" class="mr-5" />
           </span>
         </el-tooltip>
-        <el-tooltip :content="data.endpointName" placement="bottom">
+        <el-tooltip :content="data.endpointName" placement="bottom" :show-after="300">
           <span>
             {{ data.endpointName }}
           </span>
-          <span v-if="data.profiled === false"></span>
         </el-tooltip>
       </div>
       <div class="start-time">
@@ -109,12 +109,12 @@ limitations under the License. -->
         {{ data.dur ? data.dur + "" : "0" }}
       </div>
       <div class="api">
-        <el-tooltip :content="data.component || '-'" placement="bottom">
+        <el-tooltip :show-after="300" :content="data.component || '-'" placement="bottom">
           <span>{{ data.component || "-" }}</span>
         </el-tooltip>
       </div>
       <div class="application">
-        <el-tooltip :content="data.serviceCode || '-'" placement="bottom">
+        <el-tooltip :show-after="300" :content="data.serviceCode || '-'" placement="bottom">
           <span>{{ data.serviceCode }}</span>
         </el-tooltip>
       </div>
diff --git a/src/views/dashboard/related/trace/utils/d3-trace-list.ts b/src/views/dashboard/related/trace/utils/d3-trace-list.ts
index b5bfbd9c..2f1196b6 100644
--- a/src/views/dashboard/related/trace/utils/d3-trace-list.ts
+++ b/src/views/dashboard/related/trace/utils/d3-trace-list.ts
@@ -141,13 +141,13 @@ export default class ListGraph {
       .attr("class", "trace-node")
       .attr("style", "cursor: pointer")
       .style("opacity", 0)
-      .on("mouseover", function (event: any, d: Trace) {
+      .on("mouseover", function (event: MouseEvent, d: Trace) {
         t.tip.show(d, this);
       })
-      .on("mouseout", function (event: any, d: Trace) {
+      .on("mouseout", function (event: MouseEvent, d: Trace) {
         t.tip.hide(d, this);
       })
-      .on("click", (event: any, d: Trace) => {
+      .on("click", (event: MouseEvent, d: Trace) => {
         if (this.handleSelectSpan) {
           this.handleSelectSpan(d);
         }