[Bug] markArea labels do not obey layer ordering

[hughess]

Version

5.4.2

Link to Minimal Reproduction

https://echarts.apache.org/examples/en/editor.html?c=line-smooth&code=PYBwLglsB2AEC8sDeAoWsAeBBDEDOAXMmurGAJ4gCmRA5AMYCGYVA5sAE7m0A0J6AE2aMiAbVoBZGL1i0AKgFcqM2gHUqAlXIAWClQDEOEFQGVmphdFoBdEgF8-6cjnxFUpMpRqyAbowA2Srz8sABeRABM9o6weFRGVISwoiHuHrBCYCLJABwRAAw8sACcAMwRRcX5AIyVpQAsRdURVU2lpYWw1eX51jEeFNR0_hDQyv2kI2MmFP7eaemwAO4QAmDaRNX5IegOO7AAtowcANZYHFTZC-mZ2SmLHvcPHkjOuEkAbPmd0IwHNAAiAAyjHI8VgAHkxgC9s8Xm9XLAct87PsPLZnn00bB_IwAEZUfxubHoEDAPAQSAwIgA0YUgRUABKEFY2jAAImi3owH8nDoeNx9BOtGxsIelKoBxm5DmxLhsFAjHolPIm056W5vI4_MCylF6slIG0jAphGuHgE-HxcwERDAHCU-zFHmdpHCXRCrvNGWEYgA7AUijlykGak18g1w60kR0ivUCljFoNvLQpuN9mnpbLiM8VmsNl1tos9vsjqdzpc5Q9bmISck6-hXi4khEAKw_P6AkFgjiwORLYAw9WLJvvIh-lF1jEPRMPXEEok5uFkilU6A0umrJkstkcuuavmyAVK4X67ESqWzeZ1xXKihq_c8w-0VgXKhWM-LQ3G00Eb2CK0BQ0O0HSoJ11VRF0SFsOwAG4gA

Steps to Reproduce

See example link. "Layer One" label overlaps the markArea from layer two

Current Behavior

I would like to have control over the layering of multiple markAreas. In testing this out, I ran into some unexpected behaviour: if you layer one markArea on top of another, the markArea labels do not obey the layering order of the series.

What I am trying to achieve is the following:

• markArea as the lowest z in the chart - should be behind gridlines
• gridlines next lowest z
• markArea label next - in front of gridlines
• series on top (line, bar, etc.)

This does not seem possible today. I tried a workaround where I create a second markArea with a transparent background to show the labels, but I am not able to control the layer positioning of that markArea to come in front of the gridlines

Expected Behavior

Ideally, I would have control over the z for all elements individually. Failing that, I should be able to create a markArea in a separate series and control the layering at the series level.

Environment

- OS: Mac
- Browser: Chrome
- Framework: N/A

Any additional comments?

No response