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

Sun, 14 Dec 2025 19:57:19 -0800 


Justin-ZS commented on PR #21392:
URL: https://github.com/apache/echarts/pull/21392#issuecomment-3652773439

   > > 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 width="1144" height="843" alt="截屏2025-12-15 09 20 18" 
src="https://github.com/user-attachments/assets/5238bf99-a01c-4d74-be39-55411b6e37aa";
 />
   
   


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