diff --git a/core/core-frontend/src/components/data-visualization/canvas/Shape.vue b/core/core-frontend/src/components/data-visualization/canvas/Shape.vue
index 3911bb1e62..82ad767c19 100644
--- a/core/core-frontend/src/components/data-visualization/canvas/Shape.vue
+++ b/core/core-frontend/src/components/data-visualization/canvas/Shape.vue
@@ -301,7 +301,8 @@ const boardMoveActive = computed(() => {
     'table-info',
     'table-normal',
     'table-pivot',
-    'symbolic-map'
+    'symbolic-map',
+    'heat-map'
   ]
   return CHARTS.includes(element.value.innerType)
 })
diff --git a/core/core-frontend/src/views/chart/components/views/components/ChartComponentG2Plot.vue b/core/core-frontend/src/views/chart/components/views/components/ChartComponentG2Plot.vue
index d0564551d6..eeae1375f7 100644
--- a/core/core-frontend/src/views/chart/components/views/components/ChartComponentG2Plot.vue
+++ b/core/core-frontend/src/views/chart/components/views/components/ChartComponentG2Plot.vue
@@ -174,7 +174,7 @@ const calcData = async (view, callback) => {
         callback?.()
       })
   } else {
-    if (['bubble-map', 'map', 'flow-map'].includes(view.type)) {
+    if (['bubble-map', 'map', 'flow-map', 'heat-map'].includes(view.type)) {
       await renderChart(view, callback)
     }
     callback?.()
@@ -484,7 +484,7 @@ defineExpose({
 })
 let resizeObserver
 const TOLERANCE = 0.01
-const RESIZE_MONITOR_CHARTS = ['map', 'bubble-map', 'flow-map']
+const RESIZE_MONITOR_CHARTS = ['map', 'bubble-map', 'flow-map', 'heat-map']
 onMounted(() => {
   const containerDom = document.getElementById(containerId)
   const { offsetWidth, offsetHeight } = containerDom