diff --git a/framework/sdk-parent/frontend/src/components/chart/MsChart.vue b/framework/sdk-parent/frontend/src/components/chart/MsChart.vue
index c5e99bf00b..fb079e89d3 100644
--- a/framework/sdk-parent/frontend/src/components/chart/MsChart.vue
+++ b/framework/sdk-parent/frontend/src/components/chart/MsChart.vue
@@ -9,6 +9,7 @@
       :group="group"
       @click="onClick"
       @datazoom="datazoom"
+      @finished="$emit('finished')"
       v-on="$listeners"
       :watch-shallow="watchShallow"
       :manual-update="manualUpdate"
diff --git a/framework/sdk-parent/frontend/src/components/graph/RelationshipGraph.vue b/framework/sdk-parent/frontend/src/components/graph/RelationshipGraph.vue
index dcba13a391..e6c08ceef2 100644
--- a/framework/sdk-parent/frontend/src/components/graph/RelationshipGraph.vue
+++ b/framework/sdk-parent/frontend/src/components/graph/RelationshipGraph.vue
@@ -1,5 +1,11 @@
 <template>
-  <ms-chart v-if="visible" :options="options" :height="height" :width="width" ref="msChart"/>
+  <ms-chart
+    v-if="visible"
+    :options="options"
+    :height="height"
+    :width="width"
+    @finished="$emit('finished')"
+    ref="msChart"/>
 </template>
 
 <script>
diff --git a/framework/sdk-parent/frontend/src/components/graph/RelationshipGraphDrawer.vue b/framework/sdk-parent/frontend/src/components/graph/RelationshipGraphDrawer.vue
index 4364474953..fc420d9736 100644
--- a/framework/sdk-parent/frontend/src/components/graph/RelationshipGraphDrawer.vue
+++ b/framework/sdk-parent/frontend/src/components/graph/RelationshipGraphDrawer.vue
@@ -6,9 +6,14 @@
         <drawer-header :title="$t('commons.relationship.graph')" @close="close" @export="exportCharts"/>
       </template>
       <div>
-        <el-scrollbar>
-          <relationship-graph :height="height" :width="width" :data="graphData.data" :links="graphData.links"
-                              ref="relationshipGraph"/>
+        <el-scrollbar class="graph-scrollbar">
+          <relationship-graph
+            :height="height"
+            :width="width"
+            :data="graphData.data"
+            :links="graphData.links"
+            @finished="handleFinished"
+            ref="relationshipGraph"/>
         </el-scrollbar>
       </div>
     </ms-drawer>
@@ -73,6 +78,12 @@ export default {
         });
       });
     },
+    handleFinished() {
+      // 滚动条设置居中
+      let graphScrollbar = document.querySelector('.graph-scrollbar .el-scrollbar__wrap');
+      let graphScrollbarView = document.querySelector('.graph-scrollbar .el-scrollbar__wrap .ms-chart');
+      graphScrollbar.scrollLeft = (graphScrollbarView.clientWidth - graphScrollbar.clientWidth)/2
+    },
     close() {
       this.visible = false;
     }