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

   ### What problem does this feature solve?
   
   option = {
     grid: {
       left: 126,
       right: 67,
       bottom: 52,
       top: 33,
       containLabel: false
     },
     backgroundColor: '#fff',
     xAxis: [
       {
         type: 'value',
   
         name: '',
         min: 0,
         max: 100,
         nameRotate: 360,
         position: 'bottom',
         axisLabel: {
           color: '#6e7079',
           fontSize: 10
         }
       }
     ],
     series: [
       {
         type: 'bar',
               data: [20, 30, 40],
         z: 0
       }
     ],
     yAxis: [
       {
         data: ['SALES', 'MARKETING', 'Operations'],
         name: 'yaxis labels',
         type: 'category',
         nameGap: 99,
         nameLocation: 'middle',
         nameRotate: 90,
         position: 'left',
         inverse: true,
         triggerEvent: true,
         width: '20%',
         axisLine: {
           show: 1,
           onZero: false,
           lineStyle: {
             color: '#6e7079'
           }
         },
         axisLabel: {
           color: '#6e7079',
           fontSize: 10,
           fontStyle: 'normal',
           fontWeight: 'normal',
           z: 1,
           overflow: 'truncate',
           rotate: 360,
           interval: 0,
           width: 60,
           show: true,
           rich: {
             StylesOfUnderLine: {
               align: 'left',
               borderColor: 'black',
               width: '100%',
               borderWidth: 2,
               height: 0 // to avoid box or rectangle 
             }
           },
           formatter: (params) => {
             return params + '\n{StylesOfUnderLine|}'; //appending the 
underLine tag for underline
           },
         }
       }
     ],
     barCategoryGap: '10%'
   };
   
   ![Screenshot 
(85)](https://user-images.githubusercontent.com/97290751/180201733-da3db9c5-70d2-4817-91c5-d56f338bd5f6.png)
   
   when width is given at the axisLabel level and in rich styles if we provide 
100% of width .the underline for label is occupying the   width space at 
axisLabel Level. the StylesOfUnderline tag should ignore the WIDTH property at 
axisLabel Level Or do we have any other way like providing custom width to 
StylesOfUnderline  in rich tag for very label.
   
   
   ### What does the proposed API look like?
   
   in tag StylesOfUnderLine inside rich text should ignore the width provided 
at axisLabel level
   ![Screenshot 
(87)](https://user-images.githubusercontent.com/97290751/180201986-34189503-ae40-4e98-a06d-c58a59d5fe47.png)
   l


-- 
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: [email protected]

For queries about this service, please contact Infrastructure at:
[email protected]


---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]

Reply via email to