[GitHub] [echarts] hxbo opened a new issue, #18555: [Bug] 坐标系开启缩放后，yAxis.axisLabel.inside为true时，元素和axisLabel的层级关系

[via GitHub]

hxbo opened a new issue, #18555:
URL: https://github.com/apache/echarts/issues/18555

   ### Version
   
   5.4.2
   
   ### Link to Minimal Reproduction
   
   https://codepen.io/hxb00/pen/LYgWExw
   
   ### Steps to Reproduce
   
   option = {
     title: {
       text: 'Stacked Area Chart'
     },
     tooltip: {
       trigger: 'axis',
       axisPointer: {
         type: 'cross',
         label: {
           backgroundColor: '#6a7985'
         }
       }
     },
     toolbox: {
       feature: {
         saveAsImage: {}
       }
     },
     dataZoom: [
             {
               type: "inside",
               orient: 'horizontal',
               filterMode: 'none',
               throttle: 0,
             },
             {
               type: "inside",
               orient: 'vertical',
               filterMode: 'none',
               throttle: 0,
               //滚轮触发纵轴移动
               moveOnMouseWheel: false,
   
             }
           ],
     grid: {
       left: '3%',
       right: '4%',
       bottom: '3%',
       containLabel: true
     },
     xAxis: [
       {
         type: 'value',
         min: 0,
         max: 5000,
       }
     ],
     yAxis: [
       {
         type: 'value',
         min: 0,
         max: 5000,
         z:1,
         axisLabel: {
               inside: true,
               align: 'center',
               color: '#666',
               fontSize: 30,
               hideOverlap: false,
               showMinLabel: false, // 显示最小刻度标签
               showMaxLabel: false, // 显示最大刻度标签
               backgroundColor: '#ebf2fb',
               padding: [2, 4],
               borderRadius: 8
             },
       }
     ],
     series: [
       {
         name: 'Email',
         z:1,
         type: 'line',
         stack: 'Total',
         silent: true,
         areaStyle: {},
         data: [[200,200],[1100,1250],[1700,1850],[1900,1550],[2100,1350]]
       },
       {
         name: 'Union Ads',
         type: 'line',
         stack: 'Total',
         silent: true,
         z:1,
         areaStyle: {},
         emphasis: {
           focus: 'series'
         },
         data: [[0,2200],[1100,3250],[1700,2850],[1900,2550],[2100,1350]]
       }
     ]
   };
   
   ### Current Behavior
   
   
坐标系开启缩放后，yAxis.axisLabel.inside为true时，拖动和缩放chart时，元素会覆盖在axisLabel之上，如果把yAxis.z设置的比元素的z值高，label是在元素之上了，但是坐标轴的网格线也覆盖到元素之上了，我没有发现可以单独设置axisLabel和网格线层级的属性。
   
![搜狗截图23年04月24日1204_1](https://user-images.githubusercontent.com/16571797/233898879-898fa6ce-e6c1-4810-8bd6-6a630129cf62.jpg)
   
   
   ### Expected Behavior
   
   想要实现缩放和拖动坐标系，axisLabel始终在最上层，网格线在最下层。
   
   ### Environment
   
   ```markdown
   - OS:
   - Browser:
   - Framework:
   ```
   
   
   ### Any additional comments?
   
   _No response_


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: commits-unsubscr...@echarts.apache.org.apache.org

For queries about this service, please contact Infrastructure at:
us...@infra.apache.org


---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscr...@echarts.apache.org
For additional commands, e-mail: commits-h...@echarts.apache.org