diff --git a/core/core-frontend/src/components/data-visualization/canvas/CanvasCore.vue b/core/core-frontend/src/components/data-visualization/canvas/CanvasCore.vue
index 60a0a98001..0dca8a9a7a 100644
--- a/core/core-frontend/src/components/data-visualization/canvas/CanvasCore.vue
+++ b/core/core-frontend/src/components/data-visualization/canvas/CanvasCore.vue
@@ -251,7 +251,7 @@ watch(
 )
 
 watch(
-  () => canvasStyleData.value,
+  [() => componentData.value.length, () => canvasStyleData.value],
   () => {
     nextTick(() => {
       initWatermark()