diff --git a/frontend/src/components/canvas/components/Editor/index.vue b/frontend/src/components/canvas/components/Editor/index.vue
index ba74062db1..224e01ae75 100644
--- a/frontend/src/components/canvas/components/Editor/index.vue
+++ b/frontend/src/components/canvas/components/Editor/index.vue
@@ -40,6 +40,7 @@
         :prop-value="item.propValue"
         :element="item"
         :filter="filter"
+        :out-style="item.style"
       />
       <!-- <component
         :is="item.component"
diff --git a/frontend/src/components/canvas/custom-component/UserView.vue b/frontend/src/components/canvas/custom-component/UserView.vue
index b85303bc15..ddb3288519 100644
--- a/frontend/src/components/canvas/custom-component/UserView.vue
+++ b/frontend/src/components/canvas/custom-component/UserView.vue
@@ -18,6 +18,7 @@ import { viewData } from '@/api/panel/panel'
 import ChartComponent from '@/views/chart/components/ChartComponent.vue'
 import TableNormal from '@/views/chart/components/table/TableNormal'
 import LabelNormal from '../../../views/chart/components/normal/LabelNormal'
+import { uuid } from 'vue-uuid'
 
 import { mapState } from 'vuex'
 
@@ -48,6 +49,13 @@ export default {
           filter: []
         }
       }
+    },
+    outStyle: {
+      type: Object,
+      required: false,
+      default: function() {
+        return {}
+      }
     }
   },
   watch: {
@@ -65,13 +73,24 @@ export default {
         this.mergeStyle()
       },
       deep: true
+    },
+    // 监听外部的样式变化
+    outStyle: {
+      handler(newVal, oldVla) {
+        this.$refs[this.element.propValue.id].chartResize()
+      },
+      deep: true
     }
   },
+  created() {
+    this.refId = uuid.v1
+  },
   computed: mapState([
     'canvasStyleData'
   ]),
   data() {
     return {
+      refId: null,
       chart: {
         stylePriority: 'panel',
         xaxis: '[]',
diff --git a/frontend/src/views/chart/components/ChartComponent.vue b/frontend/src/views/chart/components/ChartComponent.vue
index 50eb574f26..4d4f4843c3 100644
--- a/frontend/src/views/chart/components/ChartComponent.vue
+++ b/frontend/src/views/chart/components/ChartComponent.vue
@@ -49,11 +49,6 @@ export default {
   },
   mounted() {
     this.preDraw()
-
-    // 监听元素变动事件
-    eventBus.$on('resizing', (componentId) => {
-      this.chartResize()
-    })
   },
   methods: {
     preDraw() {