[GitHub] [echarts] kayoch1n opened a new issue, #16844: [Question] 如何防止折线的label超过坐标轴

[GitBox]

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

   ### Version
   
   5.2.1
   
   ### Link to Minimal Reproduction
   
   _No response_
   
   ### Steps to Reproduce
   
   ```js
   option = {
     tooltip: {
       trigger: 'axis',
       axisPointer: {
         type: 'cross',
         label: {
           backgroundColor: '#6a7985'
         }
       }
     },
     legend: {
       data: ['Email', 'Union Ads', 'Video Ads', 'Direct', 'Search Engine']
     },
     toolbox: {
       feature: {
         saveAsImage: {}
       }
     },
     grid: {
       left: '3%',
       right: '4%',
       bottom: '3%',
       containLabel: true
     },
     xAxis: [
       {
         type: 'category',
         boundaryGap: false,
         data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
       }
     ],
     yAxis: [
       {
         type: 'value'
       }
     ],
     series: [
       {
         name: 'Email',
         type: 'line',
         stack: 'Total',
         areaStyle: {},
         emphasis: {
           focus: 'series'
         },
         labelLayout: {
           hideOverlap: true
         },
         label: {
           show: true,
           position: 'bottom'
         },
         data: [12, 13, 10, 13, 9, 23, 21]
       },
       {
         name: 'Search Engine',
         type: 'line',
         stack: 'Total',
         label: {
           show: true,
           position: 'top'
         },
         areaStyle: {},
         emphasis: {
           focus: 'series'
         },
         labelLayout: {
           hideOverlap: true
         },
         data: [820, 932, 901, 934, 1290, 1330, 1320]
       }
     ]
   };
   ```
   
   ### Current Behavior
   
   如果折线的数据的值非常小、贴近x轴而且使用了label，label就会越过x轴，是否有办法隐藏、不显示这部分label呢?
   
   目前我用了文档里的 [hideOverlap 
参数](https://echarts.apache.org/zh/option.html#series-line.labelLayout.hideOverlap)，但是这个参数只对比较密集的label起作用，对这里的问题不管用。
   
   
![Inkedecharts_LI](https://user-images.githubusercontent.com/59444375/162112756-fdd7030b-d099-4f73-8f09-48e6df5bb1fe.jpg)
   
   
   
   ### Expected Behavior
   
   label越过x轴的情况下，能够自动隐藏
   
   ### Environment
   
   ```markdown
   - OS: windows
   - Browser: chrome
   - Framework: vue
   ```
   
   
   ### 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: dev-unsubscr...@echarts.apache.org.apache.org

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


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