diff --git a/frontend/src/views/chart/view/ChartStyleBatchSet.vue b/frontend/src/views/chart/view/ChartStyleBatchSet.vue
index ea69d06fbb..3be0d4f6a2 100644
--- a/frontend/src/views/chart/view/ChartStyleBatchSet.vue
+++ b/frontend/src/views/chart/view/ChartStyleBatchSet.vue
@@ -26,6 +26,7 @@
       @onChangeSplitForm="onChangeSplitForm"
       @onTextChange="onTextChange"
       @onLegendChange="onLegendChange"
+      @onMarginChange="onMarginChange"
     />
     <el-row v-else>
       <div class="view-selected-message-class">
@@ -99,6 +100,9 @@ export default {
     onLegendChange(val) {
       this.batchOptChange('customStyle', 'legend', val)
     },
+    onMarginChange(val) {
+      this.batchOptChange('customStyle', 'margin', val)
+    },
     batchOptChange(custom, property, value) {
       this.$store.commit('setChangeProperties', {
         'custom': custom,