You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@echarts.apache.org by GitBox <gi...@apache.org> on 2021/03/12 03:24:44 UTC

[GitHub] [echarts] meetpasser opened a new issue #14457: the markline label is showing under the line in line series.

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/echarts@4.9.0/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:
users@infra.apache.org



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


[GitHub] [echarts] echarts-bot[bot] commented on issue #14457: the markline label is showing under the line in line series.

Posted by GitBox <gi...@apache.org>.
echarts-bot[bot] commented on issue #14457:
URL: https://github.com/apache/echarts/issues/14457#issuecomment-797208269


   Hi! We've received your issue and please be patient to get responded. 🎉
   The average response time is expected to be within one day for weekdays.
   
   In the meanwhile, please make sure that **you have posted enough image to demo your request**. You may also check out the [API](http://echarts.apache.org/api.html) and [chart option](http://echarts.apache.org/option.html) to get the answer.
   
   If you don't get helped for a long time (over a week) or have an urgent question to ask, you may also send an email to dev@echarts.apache.org. Please attach the issue link if it's a technical question.
   
   If you are interested in the project, you may also subscribe our [mailing list](https://echarts.apache.org/en/maillist.html).
   
   Have a nice day! 🍵


----------------------------------------------------------------
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:
users@infra.apache.org



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


[GitHub] [echarts] susiwen8 closed issue #14457: the markline label is showing under the line in line series.

Posted by GitBox <gi...@apache.org>.
susiwen8 closed issue #14457:
URL: https://github.com/apache/echarts/issues/14457


   


----------------------------------------------------------------
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:
users@infra.apache.org



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


[GitHub] [echarts] susiwen8 commented on issue #14457: the markline label is showing under the line in line series.

Posted by GitBox <gi...@apache.org>.
susiwen8 commented on issue #14457:
URL: https://github.com/apache/echarts/issues/14457#issuecomment-797210301


   Duplicate with #14190 


----------------------------------------------------------------
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:
users@infra.apache.org



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