diff --git a/mindinsight/ui/src/views/train-manage/operator.vue b/mindinsight/ui/src/views/train-manage/operator.vue
index 8a05bd26d47a48ae4ff84a43925bb21cdde859e7..992e9cf31416737b2a7d336c2a0bc45eb0391638 100644
--- a/mindinsight/ui/src/views/train-manage/operator.vue
+++ b/mindinsight/ui/src/views/train-manage/operator.vue
@@ -828,6 +828,7 @@ export default {
           formatter: (params) => {
             return `${params.marker} ${params.data.name} ${params.percent}%`;
           },
+          confine: true,
         };
         option.series = [
           {
@@ -856,6 +857,7 @@ export default {
         option.color = ['#6C92FA'];
         option.tooltip = {
           trigger: 'axis',
+          confine: true,
         };
         option.series = [
           {
diff --git a/mindinsight/ui/src/views/train-manage/step-trace.vue b/mindinsight/ui/src/views/train-manage/step-trace.vue
index e6fd5d54fcea052cfc7276179c84ff1aa1b3d24c..62407d443bbdae200fd7c0465c3c8f87b35504d6 100644
--- a/mindinsight/ui/src/views/train-manage/step-trace.vue
+++ b/mindinsight/ui/src/views/train-manage/step-trace.vue
@@ -289,6 +289,7 @@ export default {
                   series: timeInfo,
                   tooltip: {
                     trigger: 'axis',
+                    confine: true,
                   },
                 };
                 if (type === 'iteration_interval') {