diff --git a/src/component/marker/MarkerView.ts b/src/component/marker/MarkerView.ts
index 51d4c2986a..eb3d75db1b 100644
--- a/src/component/marker/MarkerView.ts
+++ b/src/component/marker/MarkerView.ts
@@ -115,7 +115,7 @@ function updateZ(
 
         if (markerModel && markerDraw && markerDraw.group) {
             const { z, zlevel } = retrieveZInfo(markerModel);
-            traverseUpdateZ(markerDraw.group, z, zlevel);
+            traverseUpdateZ(markerDraw.group, z, zlevel, type === 'markLine' ? 0 : 2);
         }
     });
 }
diff --git a/src/util/graphic.ts b/src/util/graphic.ts
index 384c8394c6..153b15e1bf 100644
--- a/src/util/graphic.ts
+++ b/src/util/graphic.ts
@@ -843,8 +843,9 @@ export function traverseUpdateZ(
     el: Element,
     z: number,
     zlevel: number,
+    labelZ2Lift?: number
 ): void {
-    doUpdateZ(el, z, zlevel, -Infinity);
+    doUpdateZ(el, z, zlevel, -Infinity, labelZ2Lift == null ? 2 : labelZ2Lift);
 }
 
 function doUpdateZ(
@@ -855,6 +856,7 @@ function doUpdateZ(
     //  e.g. in graph, edge labels should be above node elements.
     //  Currently impl does not guarantee that.
     maxZ2: number,
+    labelZ2Lift: number
 ): number {
     // `ignoreModelZ` is used to intentionally lift elements to cover other elements,
     // where maxZ2 (for label.z2) should also not be counted for its parents.
@@ -876,7 +878,8 @@ function doUpdateZ(
                     children[i],
                     z,
                     zlevel,
-                    maxZ2
+                    maxZ2,
+                    labelZ2Lift
                 ),
                 maxZ2
             );
@@ -899,7 +902,7 @@ function doUpdateZ(
         label.zlevel = zlevel;
         // lift z2 of text content
         // TODO if el.emphasis.z2 is spcefied, what about textContent.
-        isFinite(maxZ2) && (label.z2 = maxZ2 + 2);
+        isFinite(maxZ2) && (label.z2 = maxZ2 + labelZ2Lift);
     }
     if (labelLine) {
         const textGuideLineConfig = el.textGuideLineConfig;
diff --git a/test/marker-z-z2.html b/test/marker-z-z2.html
index d8e47567d3..76d2b1973a 100644
--- a/test/marker-z-z2.html
+++ b/test/marker-z-z2.html
@@ -33,6 +33,7 @@
     <div id="main1"></div>
     <div id="main2"></div>
     <div id="main3"></div>
+    <div id="main4"></div>
 
     <script>
         require(["echarts"], function (echarts) {
@@ -582,6 +583,78 @@
             console.log(chart)
         });
     </script>
+
+    <script>
+        require(["echarts"], function (echarts) {
+            var option = {
+                animation: false,
+                grid: {
+                    left: 80,
+                    right: 80,
+                    top: 60,
+                    bottom: 80
+                },
+                xAxis: {
+                    type: "category",
+                    data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"]
+                },
+                yAxis: {
+                    type: "value"
+                },
+                series: [
+                    {
+                        type: "line",
+                        data: [10, 20, 30, 40, 50, 60, 70],
+                        markLine: {
+                            symbol: "none",
+                            label: {
+                                show: true,
+                                formatter: "{b}",
+                                position: "middle",
+                                fontSize: 30
+                            },
+                            lineStyle: {
+                                width: 16,
+                                opacity: 0.9
+                            },
+                            data: [
+                                {
+                                    name: "red z2:1",
+                                    yAxis: 35,
+                                    z2: 1,
+                                    lineStyle: {
+                                        color: "red"
+                                    },
+                                    label: {
+                                        color: "red"
+                                    }
+                                },
+                                {
+                                    name: "blue z2:2",
+                                    yAxis: 35,
+                                    z2: 2,
+                                    lineStyle: {
+                                        color: "blue"
+                                    },
+                                    label: {
+                                        color: "blue"
+                                    }
+                                }
+                            ]
+                        }
+                    }
+                ]
+            };
+            testHelper.create(echarts, "main4", {
+                option: option,
+                title: [
+                    "MarkLine item z2 should also order labels",
+                    "Blue line and blue label (z2:2) should be above the red label (z2:1)."
+                ]
+            });
+        });
+    </script>
+
 </body>
 
 </html>
\ No newline at end of file