diff --git a/src/chart/graph/GraphView.ts b/src/chart/graph/GraphView.ts
index f4559521fb..bb67d56d9f 100644
--- a/src/chart/graph/GraphView.ts
+++ b/src/chart/graph/GraphView.ts
@@ -278,7 +278,6 @@ class GraphView extends ChartView {
                 });
                 this._updateNodeAndLinkScale();
                 adjustEdge(seriesModel.getGraph(), getNodeGlobalScale(seriesModel));
-                this._lineDraw.updateLayout();
                 // Only update label layout on zoom
                 api.updateLabelLayout();
             });
diff --git a/test/graph-force-zoom.html b/test/graph-force-zoom.html
new file mode 100644
index 0000000000..661d83fb59
--- /dev/null
+++ b/test/graph-force-zoom.html
@@ -0,0 +1,92 @@
+<!DOCTYPE html>
+<!--
+Licensed to the Apache Software Foundation (ASF) under one
+or more contributor license agreements.  See the NOTICE file
+distributed with this work for additional information
+regarding copyright ownership.  The ASF licenses this file
+to you under the Apache License, Version 2.0 (the
+"License"); you may not use this file except in compliance
+with the License.  You may obtain a copy of the License at
+
+   http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing,
+software distributed under the License is distributed on an
+"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, either express or implied.  See the License for the
+specific language governing permissions and limitations
+under the License.
+-->
+
+
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <script src="lib/simpleRequire.js"></script>
+    <script src="lib/config.js"></script>
+    <script src="lib/jquery.min.js"></script>
+    <script src="lib/facePrint.js"></script>
+    <script src="lib/testHelper.js"></script>
+    <link rel="stylesheet" href="lib/reset.css" />
+</head>
+
+<body>
+
+    <div id="main1"></div>
+    <script>
+        require([
+            'echarts',
+            'extension/dataTool',
+            './data/les-miserables.gexf',
+        ], function (echarts, dataTool, xml) {
+            var gexf = dataTool.gexf;
+            var graph = gexf.parse(xml);
+            graph.nodes.forEach(function (node) {
+                node.symbolSize = 5;
+            });
+            var option1 = {
+                title: {
+                    text: 'Les Miserables',
+                    subtext: 'Default layout',
+                    top: 'bottom',
+                    left: 'right'
+                },
+                tooltip: {},
+                legend: [{
+                    show: true
+                }],
+                series: [{
+                    name: 'Les Miserables',
+                    type: 'graph',
+                    layout: 'force',
+                    data: graph.nodes,
+                    links: graph.links,
+                    roam: true,
+                    label: {
+                        position: 'right'
+                    },
+                    force: {
+                        repulsion: 100,
+                        layoutAnimation: false,
+                    }
+                }]
+            };
+
+            var chart = testHelper.create(echarts, 'main1', {
+                title: `Case from https://github.com/apache/echarts/issues/20515
+                1. click legend to hide nodes
+                2. reclick legend to show nodes
+                3. zoom in and zoom out
+                nodes and links should be in right position.
+                `,
+                option: option1,
+                height: 900,
+            });
+        });
+
+    </script>
+</body>
+
+</html>
