meetpasser opened a new issue #14457: URL: https://github.com/apache/echarts/issues/14457
### Version 5.0.2 ### Reproduction link [https://jsbin.com/solefefime/1/edit?html,output](https://jsbin.com/solefefime/1/edit?html,output) ### Steps to reproduce the bottom example is the html demo. run it will see the problem. use echarts 4.9.0 version showing is noarml, but in 5.0.2 the showing is incorrect. ``` <!-- THIS EXAMPLE WAS DOWNLOADED FROM https://echarts.apache.org/examples/zh/editor.html?c=line-simple --> <!DOCTYPE html> <html style="height: 100%"> <head> <meta charset="utf-8"> </head> <body style="height: 100%; margin: 0"> <div id="container" style="height: 100%"></div> <!-- labe in under the line --> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5/dist/echarts.min.js";></script> <!-- normal --> <!-- <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/echarts.min.js";></script> --> <!-- Uncomment this line if you want to dataTool extension <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5/dist/extension/dataTool.min.js";></script> --> <!-- Uncomment this line if you want to use gl extension <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-gl@2/dist/echarts-gl.min.js";></script> --> <!-- Uncomment this line if you want to echarts-stat extension <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-stat@latest/dist/ecStat.min.js";></script> --> <!-- Uncomment this line if you want to use map <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5/map/js/china.js";></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5/map/js/world.js";></script> --> <!-- Uncomment these two lines if you want to use bmap extension <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=<Your Key Here>"></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5/dist/extension/bmap.min.js";></script> --> <script type="text/javascript"> var dom = document.getElementById("container"); var myChart = echarts.init(dom); var app = {}; var option; option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: { type: 'value' }, stateAnimation:{ duration:5000, }, series: [{ data: [150, 230, 224, 218, 135, 147, 250,340], type: 'line', markLine:{ symbol:'none', data:[{ yAxis:230 }], lineStyle: {color: '#3e7fbd', type: 'solid', width: 2}, label: { show:true, position: 'insideStart', lineHeight: 5, color:'#f3af32', fontSize:32, backgroundColor:'red', padding:15, }, } , markPoint: { data: [{ coord:['Sun',250] }], symbol: "pin" } }] }; if (option && typeof option === 'object') { myChart.setOption(option); } </script> </body> </html> ``` ### What is expected? the label is showing under the line. seem like 4.9.0 version ### What is actually happening? in 5.0.2 version, the label is under the line. <!-- This issue is generated by echarts-issue-helper. DO NOT REMOVE --> <!-- This issue is in English. DO NOT REMOVE --> ---------------------------------------------------------------- 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. For queries about this service, please contact Infrastructure at: [email protected] --------------------------------------------------------------------- To unsubscribe, e-mail: [email protected] For additional commands, e-mail: [email protected]
