Re: [PR] fix(grid): respect axisLabel.width when containLabel is true [echarts]

Sun, 14 Dec 2025 20:18:07 -0800 


Rohitgiri02 commented on PR #21392:
URL: https://github.com/apache/echarts/pull/21392#issuecomment-3652809063

   > > > ou add some m
   > > 
   > > 
   > > you need to change the width to 300px or more to see the extra blank 
space to reproduce just open the demo and copy paste the code
   > > option = { grid: { left: 0, top: 0, bottom: 0, containLabel: true, }, 
yAxis: { axisLabel: { align: 'right', width: 300, overflow: 'truncate', 
ellipsis: '...', },
   > > ```
   > > type: 'category',
   > > data: [
   > >   'There is a problem with this paragraph, I expect the length of 
containLabel to be based on yAxis.axisLabel.width instead of the actual text 
width',
   > >   'Wed',
   > >   'Thu',
   > >   'Fri',
   > >   'Sat',
   > >   'Sun',
   > > ],
   > > ```
   > > 
   > > 
   > >     
   > >       
   > >     
   > > 
   > >       
   > >     
   > > 
   > >     
   > >   
   > > }, xAxis: { type: 'value', }, series: [ { data: [120, 200, 150, 80, 70, 
110, 130], type: 'bar', showBackground: true, backgroundStyle: { color: 
'rgba(180, 180, 180, 0.2)', }, }, ], };
   > > make sure to copy paste it correctly to see extra blank; <img 
alt="Screenshot 2025-12-12 155838" width="1858" height="902" 
src="https://private-user-images.githubusercontent.com/173557181/525834912-490dd013-a991-4311-88cd-31c31d073c1d.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NjU3NzExMjksIm5iZiI6MTc2NTc3MDgyOSwicGF0aCI6Ii8xNzM1NTcxODEvNTI1ODM0OTEyLTQ5MGRkMDEzLWE5OTEtNDMxMS04OGNkLTMxYzMxZDA3M2MxZC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUxMjE1JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MTIxNVQwMzUzNDlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT00OWMzZDAxMzM4M2FhZDQ2NDRiYjcwZGY1YTVhNjE5ODJhNzkzOTY0ZDg1MjU2ZmM1ZTgyYmEwZDYyOTU3MWVlJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.tmkgJRkG5114JlISgPXtyp0BqTxviIPRbmmzAuU6BkQ";>
   > 
   > It still looks fine on my side. 
[demo](https://echarts.apache.org/examples/zh/editor.html?c=pie-simple&code=TVFNa8MwDL3nV-jWDUJIO8ZGxg7bYTDYrYUdyg5KoiZmrh0cpR-U_fc9J203SCRZen7Wk3ynxjt6plPSBFMX8FY2WlCeJuq70Zde1W_HsPJO2bgPLsUWpGGQNPlJk-PLwfTxLsOfizhY07iCZsE0rc7SZG9qbQu6y0HkdxI21u9RBourWAUIsdZ0faSaZVmGBLgTPXaCRIQ0PhyRrVm5oHVCNFu1EoRMT0xd8KWVLe2NtqQtch0HbgJ3bUrvJIdOKkVByIprgPEb-q-H1FMpVHIvNWEmo6jsqigb2yfjehUGYDNScaUD46ocFA8DgPbQ1qfUU7Bqhyl4C2YKlhxnEYPBIfgaRR4uAzyL3bEd4kBQ6iUYQW2dnC7C54s8pQXGSPN7mEf8D_Ewj-YuB-WZpuQAkr71-1euvpvgB4cVT2srr5mlHi3QJ2zX-hAX1pR8M4-0fybPFrdTQ_hi00-_&enc=deflate)
 <img alt="截屏2025-12-15 09 20 18" width="1144" height="843" 
src="https://private-user-images.githubusercontent.com/29063445/526384922-5238bf99-a01c-4d74-be39-55411b6e37aa.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NjU3NzE4MzUsIm5iZiI6MTc2NTc3MTUzNSwicGF0aCI6Ii8yOTA2MzQ0NS81MjYzODQ5MjItNTIzOGJmOTkt
 
YTAxYy00ZDc0LWJlMzktNTU0MTFiNmUzN2FhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTEyMTUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUxMjE1VDA0MDUzNVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTI1ZGEyNTQwNmJiZDNhZGIwZjZkMDU5NmQxZWU5NGYxZWIzMTIxOThhNWFlNTE5ZDhhM2U2MjQ5MzI2NTcyN2QmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.iWItHcH4NZGepcVakzWBlkJ7XPoAIpVcYZ5AVmthJdA">
   
   i seen the demo on my end there is still issue on my end. i don't know the 
reason why it different on your end. could you please go through the Pr 
changes. there you will understand the main logical issue in calculating the 
y-axis lable width. the logic is simple get the configured lable width and if 
it is available use it. 


-- 
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