diff --git a/frontend/src/app/components/ChartGraph/BasicBarChart/BasicBarChart.tsx b/frontend/src/app/components/ChartGraph/BasicBarChart/BasicBarChart.tsx
index adfebe76b..84751299e 100644
--- a/frontend/src/app/components/ChartGraph/BasicBarChart/BasicBarChart.tsx
+++ b/frontend/src/app/components/ChartGraph/BasicBarChart/BasicBarChart.tsx
@@ -242,6 +242,7 @@ class BasicBarChart extends Chart implements IChartLifecycle {
     return {
       tooltip: {
         trigger: 'item',
+        confine: true,
         formatter: this.getTooltipFormatterFunc(
           chartDataSet,
           groupConfigs,
diff --git a/frontend/src/app/components/ChartGraph/BasicDoubleYChart/BasicDoubleYChart.tsx b/frontend/src/app/components/ChartGraph/BasicDoubleYChart/BasicDoubleYChart.tsx
index 886492a19..5c763d069 100644
--- a/frontend/src/app/components/ChartGraph/BasicDoubleYChart/BasicDoubleYChart.tsx
+++ b/frontend/src/app/components/ChartGraph/BasicDoubleYChart/BasicDoubleYChart.tsx
@@ -180,6 +180,7 @@ class BasicDoubleYChart extends Chart {
         axisPointer: {
           type: 'cross',
         },
+        confine: true,
         formatter: this.getTooltipFormmaterFunc(
           styleConfigs,
           groupConfigs,
diff --git a/frontend/src/app/components/ChartGraph/BasicLineChart/BasicLineChart.tsx b/frontend/src/app/components/ChartGraph/BasicLineChart/BasicLineChart.tsx
index 8ae2ca14c..87dc66973 100644
--- a/frontend/src/app/components/ChartGraph/BasicLineChart/BasicLineChart.tsx
+++ b/frontend/src/app/components/ChartGraph/BasicLineChart/BasicLineChart.tsx
@@ -212,6 +212,7 @@ class BasicLineChart extends Chart {
     return {
       tooltip: {
         trigger: 'item',
+        confine: true,
         formatter: this.getTooltipFormmaterFunc(
           chartDataSet,
           groupConfigs,