diff --git a/src/component/dataZoom/SliderZoomView.ts b/src/component/dataZoom/SliderZoomView.ts
index b542817ed8..30422c9c52 100644
--- a/src/component/dataZoom/SliderZoomView.ts
+++ b/src/component/dataZoom/SliderZoomView.ts
@@ -294,8 +294,11 @@ class SliderZoomView extends DataZoomView {
 
         // Position barGroup
         const rect = thisGroup.getBoundingRect([sliderGroup]);
-        thisGroup.x = location.x - rect.x;
-        thisGroup.y = location.y - rect.y;
+        const rectX = isNaN(rect.x) ? 0 : rect.x;
+        const rectY = isNaN(rect.y) ? 0 : rect.y;
+
+        thisGroup.x = location.x - rectX;
+        thisGroup.y = location.y - rectY;
         thisGroup.markRedraw();
     }
 
diff --git a/test/dataZoom-single-datapoint.html b/test/dataZoom-single-datapoint.html
new file mode 100644
index 0000000000..bd78b45554
--- /dev/null
+++ b/test/dataZoom-single-datapoint.html
@@ -0,0 +1,93 @@
+<!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="lib/canteen.js"></script> -->
+        <!-- <script src="lib/draggable.js"></script> -->
+        <link rel="stylesheet" href="lib/reset.css" />
+    </head>
+    <body>
+        <style>
+            html {
+                /* Fix the line-height to integer to avoid it varying across clients and
+                   causing visual test failures. Some clients may not support fractional px. */
+                line-height: 18px;
+            }
+            #main0 {
+                width: 800px;
+                margin: 0 auto;
+            }
+        </style>
+
+        <div id="main0"></div>
+
+        <script>
+            require(['echarts'], function (echarts /*, data */) {
+                var option = {
+                    animation: false,
+                    dataZoom: {},
+                    xAxis: {
+                        type: 'time'
+                    },
+                    yAxis: {
+                        show: false,
+                        type: 'value',
+                        min: 0,
+                        max: 100
+                    },
+                    series: [
+                        {
+                            animation: false,
+                            name: 'Test',
+                            type: 'bar',
+                            barWidth: 4,
+                            data: [
+                                {
+                                    timestamp: 1753548900000,
+                                    value: [1753548900000, 50, 0]
+                                },
+                            ],
+                            dimensions: ['timestamp', 'value'],
+                            encode: {
+                                x: 0,
+                                y: 1
+                            }
+                        }
+                    ]
+                };
+
+                var chart = testHelper.create(echarts, 'main0', {
+                    title: [
+                        'Position of dataZoom when there is only one data point',
+                    ],
+                    option: option,
+                });
+            });
+        </script>
+    </body>
+</html>
