apache / apache/echarts

[Bug] Axis label spacing inconsistently applied

Open
#19,751 1 comment 1 reaction 0 assignees View on GitHub
bug en pending
Dominant language
TypeScript
Stars
67.3k
Forks
19.8k
Avg merge
11d 14h
Merged PRs (30d)
8

Description

### Version

5.5.0

### Link to Minimal Reproduction

https://echarts.apache.org/examples/en/editor.html?c=line-simple&code=PYBwLglsB2C8DeAoABMgRGApgDzAZTAE8AbTNALmSVVTQDMZ8IAvMygRgDYVkBfAGh61IYUhSpCatAM4BXAEZZcBEmwlSNNNAHcIAEzAALcWnYAGMwFI0kqb0kDJGYMGKQQ46pvRgAThABzAMxfEwBDbAhpNEFvdABjGDoIaDU_WUxY7zQIqIAFYBSsUMovOOFCEDU0aUMwvWBtGzjHOLQcPzCAYWlpABUOk3lgbABaWvrGyjNkAGYQbGROBeRfAPkwgAozfh2dgDp2AFYASgBuZGGxiYbtaeQAJhWAFhW1je3dr8OH8-RmUYpPQ4DhnGK2LTAXzAkroaQhCCYaQAESR8WaNFaWlIwWgek8EJkhka4joYWI8KymgwlWq0nivlcxHBbTAoHEO0J6BA9T0KQC4gA2lypJzyjQxeLkJLxWYuQBdKkaNB6MJgMJCkVaLrAWTQMAYzTyhxKtABfz40pctCkOgG6ZKqRoYZgNkAW3EAA5HVo2R4ODLlYl9WEUgAZMLyTDMyjpTAmpzYACCkWiVtZtJMADdyRkWdliMAAgAhMLw8TmH20EDAaQQSAwEx-_PU3LSCNRmPqKU1YlNWO-DJV5WGfSYADyWZCxDC_uQZIpmS1RMaAFkIh3o-I48OnW6wmsUuJnrutEUQjmu3KWsOavFyWoF5TrdIQMR62GUmoyuVeySBxkXJYq2qafqkBJSnCfakuSz6QWgMAAFohMAMGLkBt5tn0EDxAA1hBPa1P-86wfGN7WsMeqqr4hAAOKzmhcHZMw4gPAmTqECmUQEdSRBVCY95YAEUKEC2yopFOvjlpQGCDmQt6vu-YBgd-y5QcRT5kd4wHKm2Kk8b-RH9sgcYYdaWE4fh6aEdBlCaWZbR6ZGW7WeKf7GTualoKOwKTtODEAUukHnr4l4OmpSj4EQpCuVKDD6ngLCYBwbGQfY5FtPSD7bnJt4sZQDy3pReIHnRAXIMK8HsNYp60A81gKuxWjwv4SKanEP4ZvxMkbKEtVwuqeEmNIg24ewYltDOnYGfBRmMUFkFaDWdYNtAJj-AEhgGv1TrxUwrAVuwak6ZNznEBGhC6va3aLegPkTpJM5zqZaX9e0bogHUdZpjdi30MA8SyD9NQIm1x1vb167YAA6voRjiJwgZtPWmBuioYilCd2TQGEbrVDqerbV5qrqu1t0VWpcTsDt2Trr4-GUzQiqM6glXk1I1Ms8qABSYS4WQXPM-zbPs6gnOi9qZaYKJgs06zXMc3Lyo6tAjIy-zQvkyLovixL6B4CEwQQIai2a7d2vs7rEtoHgdR6hqstcxb5NW6LaClmA-5rY7wsKzQrvszb6rQMgYaYALGtK87t0B-TaAANIQG6yDFpgAQO5HTt-2LStOsivj7MgXS-GEQ0-1r2fILHt1oJ-xAAOTIPRNEm5BZuLdHi3V39eD3oy77geX5uV938EAEr7OOhfrtA5ZDx3I-51oABymB6Mg8eo1UoTz5BneQaPPZ5L4mCuoQocsK3Urt3vi-V2gXSGP40jIGPAMM5nvt61XS-0GHIew3hF7K-4ob5Sn3lKQ-blkTACzEXOovhUjq3JmA8UEDxRQN_AAMRLtAXCyAcFhDwSA8oqDyjoPKJgton4pzID6GEEgUISFxDIXEChVNf7oBgdAHGyACCWWiLvcBd9v5oGREQ6A59aKFkksw7wrDvDsO8FQ7IxZ_BEJTgeKMO9P4V2_io6ktFcHxEwMgY-mB5CCN0cPfRnD3bqJDsXNe9Y5FGijiIvWaBua1kMMgAAmvUNOB5XEaAUZoJRmgDHKjAqqJuJcpzMiEWgjx1sACSGikwgB5IWWsGcUHuNsffPoshoTIGRHqXC2hw74iSeQlJbtuaYB4RAOgIQ-E1gNLUth9TA5JlkAEREyA-nBF8MArpiielx28YYEOtsiHqmIMQZBt0wkaAiRoKJToABqOE2S-DKRAXGMAanWIXoU0R8cyzvliUmPEJ9tBWPyVnc5ni37aLAPAssnsiEhKkKsqQ6zFb33XAAKyhCnYA8gyn-FkeM8Jkya4DF8DRFOJTcJ1DcCEX5TMCl602VoAAoqwXCiJiBFxLnoBoZdTm3xedbLZadT4HkOSHN5wBOk0uEXSt2-dC6byzCkDeTTtChg5U8r-eK7EwMLCfF-ajQzQBFcUbFqB_k0EBf7Ox44Zx0Hri_Vc-g9CkDMQeMVKzcUS3xbQLoJSoArXPnTF-b9YWcuSdywOvL4Gn2QHTKA0BgiLNQnCtZCKe6FiyefbCbo3TnzwIWMAzAxmurqe6uOsNFmBKaaY31piPZg2Td01NNc_G6n9T6qIL902Fm0Ca6AOS54FomUWv665Lr7O5nqCAQMIXyHkKQBoMBSoquQGq-Wzb4K0SaawfZRD16TtSAKzAtC8D7l8Am4do6Kbjp7DqUAbSsGF2hlCIw_I2TQFGH0YAH0SWzw3WpVZaBOKplSXiHAHIgKSHbjkaASc1R-pykOJw5pZyjnRLFJ0-gTDEn8ACNsowRBiFvHxaokUJrNWiqpeCqGZJod4h0JM74AhrRkhtLauHlTJEWVB6QM5NgPHYIVKuVh-DICOLMSwLH2AnBIVjWggMpJMJkmEWQbJyNoFI9dNA9UxPNkoAAdiKuy904hoCyEWQ4RAvAgA

### Steps to Reproduce

1. Create a horizontal bar chart
2. Include many bars, with varying axis label length
3. Sort the axis labels by ascending label length

### Current Behavior

the longest labels are cut off, but only in some scenarios (like when the labels are sorted by ascending length). If you sort by descending length, enough space is provided

### Expected Behavior

Chart should allow enough space regardless of the order of the labels

### Environment

```markdown
N/A
```

### Any additional comments?

I am assuming this has to do with the calculation of the width of the longest label in the chart. Does this calculation only use a subset of labels in the chart? I wonder this as it seems to happen when I have a high number of items on the axis.

Here are 2 examples to showcase the differences when the items are sorted ascending or descending:
- [**Ascending length - cut off label**](https://echarts.apache.org/examples/en/editor.html?c=line-simple&code=PYBwLglsB2C8DeAoABMgRGApgDzAZTAE8AbTNALmSVVTQDMZ8IAvMygRgDYVkBfAGh61IYUhSpCatAM4BXAEZZcBEmwlSNNNAHcIAEzAALcWnYAGMwFI0kqb0kDJGYMGKQQ46pvRgAThABzAMxfEwBDbAhpNEFvdABjGDoIaDU_WUxY7zQIqIAFYBSsUMovOOFCEDU0aUMwvWBtGzjHOLQcPzCAYWlpABUOk3lgbABaWvrGyjNkAGYQbGROBeRfAPkwgAozfh2dgDp2AFYASgBuZGGxiYbtaeQAJhWAFhW1je3dr8OH8-RmUYpPQ4DhnGK2LTAXzAkroaQhCCYaQAESR8WaNFaWlIwWgek8EJkhka4joYWI8KymgwlWq0nivlcxHBbTAoHEO0J6BA9T0KQC4gA2lypJzyjQxeLkJLxWYuQBdKkaNB6MJgMJCkVaLrAWTQMAYzTyhxKtABfz40pctCkOgG6ZKqRoYZgNkAW3EAA5HVo2R4ODLlYl9WEUgAZMLyTDMyjpTAmpzYACCkWiVtZtJMADdyRkWdliMAAgAhMLw8TmH20EDAaQQSAwEx-_PU3LSCNRmPqKU1YlNWO-DJV5WGfSYADyWZCxDC_uQZIpmS1RMaAFkIh3o-I48OnW6wmsUuJnrutEUQjmu3KWsOavFyWoF5TrdIQMR62GUmoyuVeySBxkXJYq2qafqkBJSnCfakuSz6QWgMAAFohMAMGLkBt5tn0EDxAA1hBPa1P-86wfGN7WsMeqqr4hAAOKzmhcHZMw4gPAmTqECmUQEdSRBVCY95YAEUKEC2yopFOvjlpQGCDmQt6vu-YBgd-y5QcRT5kd4wHKm2Kk8b-RH9sgcYYdaWE4fh6aEdBlCaWZbR6ZGW7WeKf7GTualoKOwKTtODEAUukHnr4l4OmpSj4EQpCuVKDD6ngLCYBwbGQfY5FtPSD7bnJt4sZQDy3pReIHnRAXIMK8HsNYp60A81gKuxWjwv4SKanEP4ZvxMkbKEtVwuqeEmNIg24ewYltDOnYGfBRmMUFkFaDWdYNtAJj-AEhgGv1TrxUwrAVuwak6ZNznEBGhC6va3aLegPkTpJM5zqZaX9e0bogHUdZpjdi30MA8SyD9NQIm1x1vb167YAA6voRjiJwgZtPWmBuioYilCd2TQGEbrVDqerbV5qrqu1t0VWpcTsDt2Trr4-GUzQiqM6glXk1I1Ms8qABSYS4WQXPM-zbPs6gnOi9qZaYKJgs06zXMc3Lyo6tAjIy-zQvkyLovixL6B4CEwQQIai2a7d2vs7rEtoHgdR6hqstcxb5NW6LaClmA-5rY7wsKzQrvszb6rQMgYaYALGtK87t0B-TaAANIQG6yDFpgAQO5HTt-2LStOsivj7MgXS-GEQ0-1r2fILHt1oJ-xAAOTIPRNEm5BZuLdHi3V39eD3oy77geX5uV938EAEr7OOhfrtA5ZDx3I-51oABymB6Mg8eo1UoTz5BneQaPPZ5L4mCuoQocsK3Urt3vi-V2gXSGP40jIGPAMM5nvt61XS-0GHIew3hF7K-4ob5Sn3lKQ-blkTACzEXOovhUjq3JmA8UEDxRQN_AAMRLtAXCyAcFhDwSA8oqDyjoPKJgton4pzID6GEEgUISFxDIXEChVNf7oBgdAHGyACCWWiLvcBd9v5oGREQ6A59aKFkksw7wrDvDsO8FQ7IxZ_BEJTgeKMO9P4V2_io6ktFcHxEwMgY-mB5CCN0cPfRnD3bqJDsXNe9Y5FGijiIvWaBua1kMMgAAmvUNOB5XEaAUZoJRmgDHKjAqqJuJcpzMiEWgjx1sACSGikwgB5IWWsGcUHuNsffPoshoTIGRHqXC2hw74iSeQlJbtuaYB4RAOgIQ-E1gNLUth9TA5JlkAEREyA-nBF8MArpiielx28YYEOtsiHqmIMQZBt0wkaAiRoKJToABqOE2S-DKRAXGMAanWIXoU0R8cyzvliUmPEJ9tBWPyVnc5ni37aLAPAssnsiEhKkKsqQ6zFb33XAAKyhCnYA8gyn-FkeM8Jkya4DF8DRFOJTcJ1DcCEX5TMCl602VoAAoqwXCiJiBFxLnoBoZdTm3xedbLZadT4HkOSHN5wBOk0uEXSt2-dC6byzCkDeTTtChg5U8r-eK7EwMLCfF-ajQzQBFcUbFqB_k0EBf7Ox44Zx0Hri_Vc-g9CkDMQeMVKzcUS3xbQLoJSoArXPnTF-b9YWcuSdywOvL4Gn2QHTKA0BgiLNQnCtZCKe6FiyefbCbo3TnzwIWMAzAxmurqe6uOsNFmBKaaY31piPZg2Td01NNc_G6n9T6qIL902Fm0Ca6AOS54FomUWv665Lr7O5nqCAQMIXyHkKQBoMBSoquQGq-Wzb4K0SaawfZRD16TtSAKzAtC8D7l8Am4do6Kbjp7DqUAbSsGF2hlCIw_I2TQFGH0YAH0SWzw3WpVZaBOKplSXiHAHIgKSHbjkaASc1R-pykOJw5pZyjnRLFJ0-gTDEn8ACNsowRBiFvHxaokUJrNWiqpeCqGZJod4h0JM74AhrRkhtLauHlTJEWVB6QM5NgPHYIVKuVh-DICOLMSwLH2AnBIVjWggMpJMJkmEWQbJyNoFI9dNA9UxPNkoAAdiKuy904hoCyEWQ4RAvAgA)
- [**Descending length - enough space for all labels**](https://echarts.apache.org/examples/en/editor.html?c=line-simple&code=PYBwLglsB2C8DeAoABKgRJMAbApmgXMkqicmgM4CuARmDgB5gDKYAnrgUSqaWgO4QAJmAAWnNAEYADFICkabqQC-ipQBpFGYMCyQQnYjwwAnCAHMzOY-ICG9COTQaeZAMYwAZhGh5CYY5Q4zkZ2DgAKwN501oSGLmRsIL5k5CI2gsB8Ci7qiiRoDP42AMLk5AAqheLUwPQAtKnpmYRSyADMIPTIAGydyMZm1DYAFFJqY2MAdBIArACUANzINfWNGXwtyABMfQAsfQNDo-Mn01uLyABedd6CDIQSC0556MDGdzEpVhA45AAiv1c2VQuXyuEs0EEBheKREmU4HhsWHIQRhGFYSXE5Fcxh0WGeLi0-hawV4IHSgm8Zk4AG0YSQxvTUIz4szSS4pDCALrs9CCGxgGy0plkYrASjQMDA0hc1SktBmUxQ2IvXAeMAktE1MBgYAAW04AA5eQlQJxpCa0O5JTZvAAZGzUHD4vwBHByzT0ACC9kcKsJiWSaAAbkjAgSjFhgGYAEI2FHmllGEDAcgQSAwcS6_SW0LkB1Ol1cVmw-GuwIm_IiIQ4ADywasWBsxOQ_grIoocL4AFk7AXnZw26iS2g9TYBt5OLsYaCjNikclEcjh3OQFh03bvMk4oTUmXW26Z7nfZufNCR3usoQlyjK69oAAtKzABFIlFHtF58oQVwAa3PrKdvuN7ujklo1BK_LGKwADizavsulqXJwWwevkrA-g4AG8IG4iuAKOBmG8rARrw3gNsYCaECY4aWuQa4blu2G7l2CHvmBn4nkx_qAZeg6HhxhJfj-_48fEQFXsgIEfkJJ6OgOYksfuQ53mQ1Z3PWjbweWK7xFEVihlgLQyXO-EcDpSEoeB4qQuOsHacgdIjhI8iqWgWzyNyaHoCipi_MKLg7kYuHUUM1hueQgp_liUW_hIpGEk2hbMbxrHXm-ukjimaYZtA4imGYIhSqp-QeDAzAQJcyQSBIIqzuJSXOg6rDilKimAepdYUU2LZDnVbk4HqIBpGmfrFiW6Bla4lBjRQ3z-f1HZhb29AAOpCKInDdEm4npoNLDsNu9WEtANh6kGYoSsVHb8oKAUTY5IouBIJVGGKoBWMgABikzIKtbyiFSurQHU5T6iAv7eI4T2oDyMOPQ9pAvfD-QwTg0BVcYyA2JCyBoz4wY_A2yBMGOxhgMh8Nw4jTmI6gyN0-gACaNlmMg3YOOQf0QFgUZ8MgYQ41GqZ4FTr0I4zDOM2gvYtVjABSEoQDNyAxsA1DULgGQwHZ0oltTD203TUt02g628-kODozg7Pjj8qsEdDiMGxNRuIybiNoEwUYgCArDIN-ep6v73vABTY55WL8Nuw9HsPWgxSUKYqbpv7vaUcgABKwAUXrrIuyWMcTXHE1oH8xi_cUIg4GAtvJ9Ali8y-Uc0yj9Pi_kfw6G8vyq8YtrQHwBHWC3htt8gJcjrWTYeAA5FzHOCIIuAC-OUqj674-T4B5e_QA0jghPQMgB-D7a6_O-LRcltv4m9gAVm8qvq8g5cQLnG-F1vHfoJUxjQarJOv40i6CsHneIBdWTX1ZLfQkABRKqkNnTIGKP3JewBoqfygd_ceaAABqhEa52xxlndWYdwEuEgfEaB8RYFGD3vGdc_JkBekhMYHAfAnYPSoS4Ghz0f5kGzk6cmKCRpgAjhQngPCeB8J4HQ3gXpKBmHtooywxgJFYOoTgxmZB5bABEMfJgaQbS8xIpo3h2jpZ4J_LqLGfwIBnRgFCcxMjLGmwAJIkK9L7JE2hyBChcaQWRSMBFoHKEnQQr8JS_j4FbZxl9o5uM9vLdG0AIAeE-kwFMF9uFXySfHLu0BTok0gH-LhE1pFBPyaXP4ONoD-xglGD-CTW46PkfkGMpgSFxmMMIyRMo8ltNCTBfu0BXA2zCOw6g5T9aDMlqEzpDjj6oJwJSHJFS5nG1CXo1IyAmaWzMOOfpJBKkkGCSQdp6BTzMJGTYBs-JAlnOqSOO06NuYog0S0seQzcFd2DKI8cPgzFfM3j8nRaAvqjN_N9KFxzYabPdqEzcxNyg2HYG8OFyBTmoHOe3XBmdJi1l-r2aACZHk4ueYBAAcqsk-g0kgjxBV_MF0tJk1zYMgTclMmXYJZabKupgubZ0wTyrRfLPa7xQf3EVuTEnivjpuLAs88a63JRLLZuCmD4VxOuM8arcUT1CSwEhrzRaiosfK0ue8IB6lVoRAJ5rXGWpHGKaAuJgWytafMzVVhLAQExdi9ViLNVpAlA6z13zvXgrjOInGAaEWx1CcUeMOAPUbLlVG6W6d_z6speJeWNhfxmu4SKSpaAMK-ncZCBgnBOQ5EUC7NAOMbUCigHlCymhFTNmrECdqZAhDiDhKYa4eY6iYA4JaEKCQqh0TYOZca4k6CMHEAlYKhQvTrjMO2sgBUiqrt4F4Xmg7yBNmGFsCQWw1ATzkFemYbRZBXokHMcBx10DTUohi6iNhKC6n3WgXdbUyAeT_dmTgAB2ayOp9ScGgJQXmqhEBKCAA)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.