diff --git a/src/coord/cartesian/AxisModel.ts b/src/coord/cartesian/AxisModel.ts
index 1b0d35a137..f502d9013e 100644
--- a/src/coord/cartesian/AxisModel.ts
+++ b/src/coord/cartesian/AxisModel.ts
@@ -37,6 +37,8 @@ export type CartesianAxisOption = AxisBaseOption & {
     // Offset is for multiple axis on the same position.
     offset?: number;
     categorySortInfo?: OrdinalSortInfo;
+    // Whether to include marker data (markPoint, markLine, markArea) in axis extent calculation
+    includeMarkerInExtent?: boolean;
 };
 
 export type XAXisOption = CartesianAxisOption & {
diff --git a/src/coord/cartesian/Grid.ts b/src/coord/cartesian/Grid.ts
index 97ac081bf0..d80b871e3c 100644
--- a/src/coord/cartesian/Grid.ts
+++ b/src/coord/cartesian/Grid.ts
@@ -44,7 +44,7 @@ import GlobalModel from '../../model/Global';
 import ExtensionAPI from '../../core/ExtensionAPI';
 import { Dictionary } from 'zrender/src/core/types';
 import {CoordinateSystemMaster} from '../CoordinateSystem';
-import { NullUndefined, ScaleDataValue } from '../../util/types';
+import { NullUndefined, ScaleDataValue, SeriesOption } from '../../util/types';
 import SeriesData from '../../data/SeriesData';
 import OrdinalScale from '../../scale/Ordinal';
 import {
@@ -53,7 +53,7 @@ import {
     updateCartesianAxisViewCommonPartBuilder,
     isCartesian2DInjectedAsDataCoordSys
 } from './cartesianAxisHelper';
-import { CategoryAxisBaseOption, NumericAxisBaseOptionCommon } from '../axisCommonTypes';
+import { CategoryAxisBaseOption, NumericAxisBaseOptionCommon, OptionAxisType } from '../axisCommonTypes';
 import { AxisBaseModel } from '../AxisBaseModel';
 import { isIntervalOrLogScale } from '../../scale/helper';
 import { alignScaleTicks } from '../axisAlignTicks';
@@ -81,6 +81,8 @@ type AxesMap = {
 
 type ParsedOuterBoundsContain = 'all' | 'axisLabel';
 
+type MarkerTypes = 'markPoint' | 'markLine' | 'markArea';
+
 // margin is [top, right, bottom, left]
 const XY_TO_MARGIN_IDX = [
     [3, 1], // xyIdx 0 => 'x'
@@ -542,6 +544,16 @@ class Grid implements CoordinateSystemMaster {
 
                 unionExtent(data, xAxis);
                 unionExtent(data, yAxis);
+
+                // 处理 markPoint、markLine、markArea
+                const markerTypes: MarkerTypes[] = ['markPoint', 'markLine', 'markArea'];
+
+                markerTypes.forEach(markerType => {
+                    const markerOpt = seriesModel.get(markerType as keyof SeriesOption);
+                    if (markerOpt && markerOpt.data) {
+                        unionMarkerExtent(markerOpt.data, xAxis, yAxis);
+                    }
+                });
             }
         }, this);
 
@@ -550,6 +562,50 @@ class Grid implements CoordinateSystemMaster {
                 axis.scale.unionExtentFromData(data, dim);
             });
         }
+
+        function UnionExtentForAxisByValue(
+            value: any,
+            axis: Axis2D,
+            axisType: OptionAxisType,
+        ): void {
+            const includeMarkerInExtent = axis.model.get('includeMarkerInExtent') ?? true;
+            if (includeMarkerInExtent && value != null && typeof value !== 'string' && axisType !== 'category') {
+                const val = axis.scale.parse(value);
+                if (!isNaN(val)) {
+                    // Construct the parameter and use unionExtentFromData to avoid using the private method _innerUnionExtent
+                    axis.scale.unionExtentFromData({
+                        getApproximateExtent: () => [val, val]
+                    } as any, 0);
+                }
+            }
+        }
+
+        function unionMarkerExtent(
+            markerData: any[],
+            xAxis: Axis2D,
+            yAxis: Axis2D,
+        ): void {
+            each(markerData, function (item) {
+                if (!item) {
+                    return;
+                }
+                const items = Array.isArray(item) ? item : [item];
+
+                each(items, function (markerItem) {
+                    if (!markerItem) {
+                        return;
+                    }
+
+                    UnionExtentForAxisByValue(markerItem.xAxis, xAxis, xAxis.type);
+                    UnionExtentForAxisByValue(markerItem.yAxis, yAxis, yAxis.type);
+
+                    if (markerItem.coord && Array.isArray(markerItem.coord)) {
+                        UnionExtentForAxisByValue(markerItem.coord[0], xAxis, xAxis.type);
+                        UnionExtentForAxisByValue(markerItem.coord[1], yAxis, yAxis.type);
+                    }
+                });
+            });
+        }
     }
 
     /**
diff --git a/test/axis-marker-extent.html b/test/axis-marker-extent.html
new file mode 100644
index 0000000000..4d26d05a40
--- /dev/null
+++ b/test/axis-marker-extent.html
@@ -0,0 +1,336 @@
+<!--
+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">
+    <script src="lib/simpleRequire.js"></script>
+    <script src="lib/config.js"></script>
+    <link rel="stylesheet" href="lib/reset.css" />
+    <style>
+        .chart-row {
+            width: 100%;
+            display: flex;
+            flex-direction: row;
+            justify-content: center;
+            margin-bottom: 10px;
+        }
+        .chart-container {
+            width: 48%;
+            display: inline-block;
+            vertical-align: top;
+            margin: 1%;
+            height: 360px;
+        }
+        .chart-title {
+            text-align: center;
+            margin: 12px 0 3px 0;
+            font-weight: bold;
+            font-size: 16px;
+        }
+    </style>
+</head>
+<body>
+    <div class="chart-title">仅有 markLine（includeMarkerInExtent: false）</div>
+    <div class="chart-row">
+        <div id="main-none" class="chart-container"></div>
+        <div id="main-none-minmax" class="chart-container"></div>
+    </div>
+
+    <div class="chart-title">仅有 markLine</div>
+    <div class="chart-row">
+        <div id="main-markline" class="chart-container"></div>
+        <div id="main-markline-minmax" class="chart-container"></div>
+    </div>
+
+    <div class="chart-title">markLine为负值用例</div>
+    <div class="chart-row">
+        <div id="main-markline-negative" class="chart-container"></div>
+        <div id="main-markline-negative-minmax" class="chart-container"></div>
+    </div>
+
+    <div class="chart-title">仅有 markLine（includeMarkerInExtent: true）</div>
+    <div class="chart-row">
+        <div id="main-markline-include-marker" class="chart-container"></div>
+        <div id="main-markline-include-marker-minmax" class="chart-container"></div>
+    </div>
+
+    <div class="chart-title">仅有 markPoint</div>
+    <div class="chart-row">
+        <div id="main-markpoint" class="chart-container"></div>
+        <div id="main-markpoint-minmax" class="chart-container"></div>
+    </div>
+
+    <div class="chart-title">仅有 markArea</div>
+    <div class="chart-row">
+        <div id="main-markarea" class="chart-container"></div>
+        <div id="main-markarea-minmax" class="chart-container"></div>
+    </div>
+
+    <script>
+        var optionBase = {
+            title: {
+                text: '主标题',
+                subtext: '副标题',
+                left: 'center',
+                top: 'top',
+                textAlign: 'center',
+                textVerticalAlign: 'top'
+            },
+            xAxis: {
+                type: 'category',
+                data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
+            },
+            yAxis: {
+                type: 'value'
+            }
+        };
+
+        // 用于yAxis增加min/max配置的option
+        function getOptionWithYAxisMinMax(baseOption) {
+            return {
+                ...baseOption,
+                yAxis: {
+                    ...baseOption.yAxis,
+                    min: -100,
+                    max: 400
+                }
+            };
+        }
+
+        require(['echarts'], function (echarts) {
+            // 1. 无任何标记
+            var chartNone = echarts.init(document.getElementById('main-none'));
+            chartNone.setOption({
+                ...optionBase,
+                yAxis: {
+                    ...optionBase.yAxis,
+                    includeMarkerInExtent: false
+                },
+                series: [{
+                    data: [150, 230, 224, 218, 135, 147, 260],
+                    type: 'line',
+                    markLine: {
+                        data: [
+                            {
+                                name: '两个屏幕坐标之间的标线',
+                                yAxis: 467,
+                                lineStyle: { color: 'red' }
+                            }
+                        ]
+                    }
+                }]
+            });
+
+            var chartNoneMinMax = echarts.init(document.getElementById('main-none-minmax'));
+            chartNoneMinMax.setOption({
+                ...getOptionWithYAxisMinMax(optionBase),
+                series: [{
+                    data: [150, 230, 224, 218, 135, 147, 260],
+                    type: 'line'
+                }]
+            });
+
+            // 2. 仅 markLine
+            var chartMarkline = echarts.init(document.getElementById('main-markline'));
+            chartMarkline.setOption({
+                ...optionBase,
+                series: [{
+                    data: [150, 230, 224, 218, 135, 147, 260],
+                    type: 'line',
+                    markLine: {
+                        data: [
+                            {
+                                name: '两个屏幕坐标之间的标线',
+                                yAxis: 467,
+                                lineStyle: { color: 'red' }
+                            }
+                        ]
+                    }
+                }]
+            });
+
+            var chartMarklineMinMax = echarts.init(document.getElementById('main-markline-minmax'));
+            chartMarklineMinMax.setOption({
+                ...getOptionWithYAxisMinMax(optionBase),
+                series: [{
+                    data: [150, 230, 224, 218, 135, 147, 260],
+                    type: 'line',
+                    markLine: {
+                        data: [
+                            {
+                                name: '两个屏幕坐标之间的标线',
+                                yAxis: 467,
+                                lineStyle: { color: 'red' }
+                            }
+                        ]
+                    }
+                }]
+            });
+
+            var chartMarklineNegative = echarts.init(document.getElementById('main-markline-negative'));
+            chartMarklineNegative.setOption({
+                ...optionBase,
+                series: [{
+                    data: [150, 230, 224, 218, 135, 147, 260],
+                    type: 'line',
+                    markLine: {
+                        data: [
+                            {
+                                name: '负值标线',
+                                yAxis: -80,
+                                lineStyle: { color: 'green' }
+                            }
+                        ]
+                    }
+                }]
+            });
+
+            var chartMarklineNegativeMinMax = echarts.init(document.getElementById('main-markline-negative-minmax'));
+            chartMarklineNegativeMinMax.setOption({
+                ...getOptionWithYAxisMinMax(optionBase),
+                series: [{
+                    data: [150, 230, 224, 218, 135, 147, 260],
+                    type: 'line',
+                    markLine: {
+                        data: [
+                            {
+                                name: '负值标线',
+                                yAxis: -80,
+                                lineStyle: { color: 'green' }
+                            }
+                        ]
+                    }
+                }]
+            });
+
+            // 2.1 仅有 markLine（includeMarkerInExtent: true）用例
+            var chartMarklineIncludeMarker = echarts.init(document.getElementById('main-markline-include-marker'));
+            chartMarklineIncludeMarker.setOption({
+                ...optionBase,
+                yAxis: {
+                    ...optionBase.yAxis,
+                    includeMarkerInExtent: true
+                },
+                series: [{
+                    data: [150, 230, 224, 218, 135, 147, 260],
+                    type: 'line',
+                    markLine: {
+                        data: [
+                            {
+                                name: '两个屏幕坐标之间的标线',
+                                yAxis: 467,
+                                lineStyle: { color: 'red' }
+                            }
+                        ]
+                    }
+                }]
+            });
+
+            var chartMarklineIncludeMarkerMinMax = echarts.init(document.getElementById('main-markline-include-marker-minmax'));
+            chartMarklineIncludeMarkerMinMax.setOption({
+                ...getOptionWithYAxisMinMax(optionBase),
+                yAxis: {
+                    ...optionBase.yAxis,
+                    min: -100,
+                    max: 400,
+                    includeMarkerInExtent: true
+                },
+                series: [{
+                    data: [150, 230, 224, 218, 135, 147, 260],
+                    type: 'line',
+                    markLine: {
+                        data: [
+                            {
+                                name: '两个屏幕坐标之间的标线',
+                                yAxis: 467,
+                                lineStyle: { color: 'red' }
+                            }
+                        ]
+                    }
+                }]
+            });
+
+            // 3. 仅 markPoint
+            var chartMarkpoint = echarts.init(document.getElementById('main-markpoint'));
+            chartMarkpoint.setOption({
+                ...optionBase,
+                series: [{
+                    data: [150, 230, 224, 218, 135, 147, 260],
+                    type: 'line',
+                    markPoint: {
+                        data: [
+                            { coord: [2, 432], value: 432, itemStyle: {color: 'blue'}, name: '自定义点' }
+                        ]
+                    }
+                }]
+            });
+
+            var chartMarkpointMinMax = echarts.init(document.getElementById('main-markpoint-minmax'));
+            chartMarkpointMinMax.setOption({
+                ...getOptionWithYAxisMinMax(optionBase),
+                series: [{
+                    data: [150, 230, 224, 218, 135, 147, 260],
+                    type: 'line',
+                    markPoint: {
+                        data: [
+                            { coord: [2, 432], value: 432, itemStyle: {color: 'blue'}, name: '自定义点' }
+                        ]
+                    }
+                }]
+            });
+
+            // 4. 仅 markArea
+            var chartMarkarea = echarts.init(document.getElementById('main-markarea'));
+            chartMarkarea.setOption({
+                ...optionBase,
+                series: [{
+                    data: [150, 230, 224, 218, 135, 147, 260],
+                    type: 'line',
+                    markArea: {
+                        data: [
+                            [
+                                { yAxis: 987, itemStyle: {color: 'rgba(255,0,0,0.15)'} },
+                                { yAxis: 1100 }
+                            ]
+                        ]
+                    }
+                }]
+            });
+
+            var chartMarkareaMinMax = echarts.init(document.getElementById('main-markarea-minmax'));
+            chartMarkareaMinMax.setOption({
+                ...getOptionWithYAxisMinMax(optionBase),
+                series: [{
+                    data: [150, 230, 224, 218, 135, 147, 260],
+                    type: 'line',
+                    markArea: {
+                        data: [
+                            [
+                                { yAxis: 987, itemStyle: {color: 'rgba(255,0,0,0.15)'} },
+                                { yAxis: 1100 }
+                            ]
+                        ]
+                    }
+                }]
+            });
+        });
+    </script>
+</body>
+</html>