diff --git a/src/component/dataZoom/AxisProxy.ts b/src/component/dataZoom/AxisProxy.ts
index 8c05f8cea7..9fd48044f4 100644
--- a/src/component/dataZoom/AxisProxy.ts
+++ b/src/component/dataZoom/AxisProxy.ts
@@ -315,8 +315,16 @@ class AxisProxy {
                     for (let i = 0; i < dataDims.length; i++) {
                         const value = store.get(dataDimIndices[i], dataIndex) as number;
                         const thisHasValue = !isNaN(value);
-                        const thisLeftOut = value < valueWindow[0];
-                        const thisRightOut = value > valueWindow[1];
+                        let thisRightOut = value > valueWindow[1];
+                        let thisLeftOut = value < valueWindow[0];
+                        if (seriesModel.subType !== 'bar') {
+                            const parsedRightValue = seriesData.get(dataDims[i], dataIndex + 1);
+                            const parsedLeftValue = seriesData.get(dataDims[i], dataIndex - 1);
+                            const leftValue = (typeof parsedLeftValue === 'number') ? parsedLeftValue : NaN;
+                            const rightValue = (typeof parsedRightValue === 'number') ? parsedRightValue : NaN;
+                            thisLeftOut = thisLeftOut && leftValue < valueWindow[0];
+                            thisRightOut = thisRightOut && rightValue > valueWindow[1];
+                        }
                         if (thisHasValue && !thisLeftOut && !thisRightOut) {
                             return true;
                         }
diff --git a/test/axis-weak-filter.html b/test/axis-weak-filter.html
new file mode 100644
index 0000000000..33c2d9dbd4
--- /dev/null
+++ b/test/axis-weak-filter.html
@@ -0,0 +1,141 @@
+<!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>
+    <!-- <script src="ut/lib/canteen.js"></script> -->
+    <link rel="stylesheet" href="lib/reset.css" />
+</head>
+<body>
+<style></style>
+<div id="main0"></div>
+<div id="main1"></div>
+
+<script>
+    require([
+        'echarts'
+    ], function (echarts) {
+        let option;
+
+        const data = [
+            ['1', 1],
+            ['2', 1],
+            ['3', 1],
+            ['4', 1],
+            ['5', 1],
+            ['6', 1],
+            ['7', 1],
+            ['8', 1],
+            ['9', 1.7],
+            ['10', 1.6],
+            ['11', 1.5],
+            ['12', 1.3],
+            ['13', 1.3],
+            ['14', 1.2]
+        ];
+
+        option = {
+            xAxis: {},
+            yAxis: {},
+            series: {
+                type: 'line',
+                data: data
+            },
+            dataZoom: [
+                {
+                    filterMode: 'weakFilter',
+                    xAxisIndex: 0,
+                    type: 'slider',
+                    height: 30,
+                    showDataShadow: true,
+                    bottom: 20
+                }
+            ]
+        };
+
+        let chart = testHelper.create(echarts, 'main0', {
+            title: [
+                'Line chart should not disappear while zoom',
+                '(Continue zooming in until both points of the horizontal line are outside the edges of the chart)',
+            ],
+            option: option
+        });
+    });
+</script>
+
+
+<script>
+    require([
+        'echarts'
+    ], function (echarts) {
+        let option;
+
+        const data = [
+            ['1', 1],
+            ['2', 1],
+            ['3', 1],
+            ['4', 1],
+            ['5', 1],
+            ['6', 1],
+            ['7', 1],
+            ['8', 1],
+            ['9', 1.7],
+            ['10', 1.6],
+            ['11', 1.5],
+            ['12', 1.3],
+            ['13', 1.3],
+            ['14', 1.2]
+        ];
+
+        option = {
+            xAxis: {},
+            yAxis: {},
+            series: {
+                type: 'line',
+                data: data
+            },
+            dataZoom: [
+                {
+                    filterMode: '',
+                    xAxisIndex: 0,
+                    type: 'slider',
+                    height: 30,
+                    showDataShadow: true,
+                    bottom: 20
+                }
+            ]
+        };
+
+        let chart = testHelper.create(echarts, 'main1', {
+            title: [
+                'Old behavior:',
+                '(Continue zooming in until both points of the horizontal line are outside the edges of the chart)',
+                'using: filterMode: \'\' because it similar to old behavior'
+            ],
+            option: option
+        });
+    });
+</script>
+</body>
+</html>
