fix: Confine tooltip of cartesian charts

Author: scottsut

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,

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,

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,