[Bug] grid.containLabel为true, y轴为category轴时标签展示不全

[Colin3191]

Version

5.4.3

Link to Minimal Reproduction

https://echarts.apache.org/examples/zh/editor.html?c=line-simple&code=PYBwLglsB2AEC8sDeAoWsAeBBDEDOAXLANprrJnmxgCeIApkQOQBuAhgDYCu9TANJXJ4AFsADuRMACceggL5kAugPQ0c-IqSqoq6Wg2YBjNmHoBzYFJr9B6NrjwAZNgCN6HIjt3oI0U1PYPWAAGW1g5FV0AExM2TTD0JkAoOUB3W0BtWMBsJUAuc0ALNUAuuUBFz0AAo0BIc0AFNMAbRUAP5RtvRNTAP3NAB3lAbbdALATAQHlALDlAQu9AMBdACpVAI-jy6tq65JTAOWVAQC1AXflASO1AWHNAQqVRmsjvScAah0B47UBD-UB7AyLAenN18a3UwGa_QBe_I9Pzzd1JwDFEwF-be7PKjYTYScBo50AAAGARX9ADt-xUevyYgEpNUGAGQjAM6KgBUAi7PFqAPL1AIbKn0AEP-pQCQ_5C6n9AC-BgAA5ZGoqiTDKAHgUwQ9vlTyJNAF5mgDM5DqAPYzAPbxgDe5RljJ7U1JJQD8eYBs-UAKXqAP5T-kSJoBaOUAv2qKwCLiYAiWMAM9qAQejABxK61SgAtzQBmtoAuZUAI3mAF0VAPex-sApCFdQAXCczEoAQVyteJS-O6_WGCq2gAq5QB8toAvvUAit6APujAIXRwy9hKZwpZ0MAXPqUpP1FLQwALThlAPCGMcAhQGAX7kA89AFrKgHrTQB-gemoYAcIMACXZ14mTQAzioBYBMA9c5zCGJqGpGaAb-0GV8hQOUoBs20A4jaAfiNAAzqgHK5QB-GYA71LLIpSgAPTQDn-oACeUASVp98etwAQKoBspUAp7pdQBm8YAw-PjG5ZgDKEwAAUfHAJqmgCaA48_VuAL-iTkAK8DAAqlQA0ZUAb59AH2_R9-1bVJACWLQAxFXPb9f1dP5UkAFiMMl9Pon0zQAwJUAYD0jnQjNMJSLDWTwgi_kVfZ9RLQ0UkAFLlACXIwAudQdZ0MKYQBdkMAHgs0hbCZAGQzOZRMuFJAGZXQBH-UAB5tyKhQAG01ZKTnlSDJADn_Wi4ImQBuZUAZx8NOpQAsY0APvjTJZVJADFVIzikAMbTACO1Zj9K2LAAFEAGEAHkAFlrMSQAxRVfIK_kAEadn3CphADfTQBjuWhQB_eRi1JFVZAoMlWQA0TUAUGU6KYZVAFE02yulyQALRUAYBdVhxQByTUAPfiE2qVJCJPCZAAx5QBJm0ASUVADNtPiMi6QBS43PPixIWfZPkAFA9AEXlWC2q2QAD5UADr9KTCRR5CUSIzCkCAok8QQRHEIgADNODwegnhcYAwDAYAAFsiAAZmCJ4OHoE6wCIABWV7BDukAiAARj-qhdrMYQvtgF6nkMGAwDYXxnDcIJpFkdAFDkABuIA

Steps to Reproduce

附上2个demo 1.正常情况,category轴(y轴)的标签能显示全 https://echarts.apache.org/examples/zh/editor.html?c=line-simple&code=PYBwLglsB2AEC8sDeAoWsAeBBDEDOAXLANprrJnmxgCeIApkQOQBuAhgDYCu9TANJXJ4AFsADuRMACceggL5kAugPQ0c-IqSqoq6Wg2YBjNmHoBzYFJr9B6EeMkz6K3W1x4AMmwBG9DkR1ddAhoUyl2f1gABltYORcqABMTNk1Y9CZAKDlAd1tALzNAMzlAQHlAPYzAe3jAN7lAAKNAenNASHNABTTAG0VAD-UbIIyczMB-PMBs-UAUvUA_lMBC70AwFwaWtvamQFo5QF-1acBFxMAiWMAZ7UBB6MAOJXHmnMALc0AzW0AuZUARvMAXRUB72M3AUhDALDlAC4TJoKzswGb7QBsswEP5QHsDGsBYc0BCpW2j10TEA_GmAE-VAJNGgAh_nKASH_AIuelSBCRBgBBXU6w7Jwwo3UaACpVAEfRKPSsCYgAq5QB8toAvvUAit6APujAIXRRKxcJJ7TJgD8gwCqmoB2vUA9c6AYI1ACORgCQlJms9lTHKAetNAJxygDHNWaAUTTAByxgGQzKVPHKASk1AAtOgGwlQDwhkzAIUBgF-5LUgnKALWUZYA_QMAiv6AHb8kVaqM9AP7ugFwDQBdcoBspUAIrGABLt3eRnoB5oMAcsqAU90boBy40AbEr0wDgmmGOtlADhBwcZgHTvQBc5kiLemyTlADOKgFgE_mAXfk3U1WqiPTlAIBagG_tF01EvPQDZtoBxG0A_EaABnVAOVygD8MwB3qV2coAD00A5_qAAnlAEladYmjfDEcAe7qAA-VAB1-LqLlvrOUAYEqr0lMQAQKv644AzeMAYfGS-vAj2AMoTAABRrMAmqaAJoCVw3z4AX9HVIAV4GABVKgBoyoA3z6APt-j5nhyzyAEsWgBiKv6P5_s-4aALshgA8FoA2rG4qMcH_ghOSACxGBqEWMT5rhmBo3IApcb-kiCyALHhgBjaYAR2pTtkx6AMB63wYbRpbZGRuRUV20wfJsxZHtkgApcoAS5GAFzq1z3JhGaAMOOrbAYA7rH7siNHnoADaa5IAiXKAA6mgB2xgCPGAA8ajpCeeOT0UxrGBoAo0bVl26rVh21TERpImAMyugCP8oADzZOaR2SAHfy3qAEAaSKAAD6gCLyjxgAjTi-P6jDxgBiim-Bk8QagBz_hJRnRYA3MqAM4-3yduV0rZIAWMaAH3xSIpYAqjqyfBDWAGKqVVIlxXUkVMPK8kygBwciygCPtoAzOpsnJp7Ddq2SAG-mgDHcjqgD-8hVgDproAFmqAA0WRWMf69GAKlGgY8dMuQIgaAKAGiagCgyl2Ko9Tc-Z7YAFoqAMAuALQoA5JqAHvx80tCe3XLYAGPKAJM2gCSioAZtrDoAgyo8YAaWZboV9VPOqgCR2h8tXVIAKB4pYFsSKPISguGYUgQIkASCPYEiwAAZpweDOII3jAGAYDAAAtkQADMUSohw9BM2ARDC4IPMgEQACMUtUNTZjCBLsBC6ihgwGAbAhF4viRNIsjoAocgANxAA

2.下面这个例子里category轴(y轴)的标签展示不全 https://echarts.apache.org/examples/zh/editor.html?c=line-simple&code=PYBwLglsB2AEC8sDeAoWsAeBBDEDOAXLANprrJnmxgCeIApkQOQBuAhgDYCu9TANJXJ4AFsADuRMACceggL5kAugPQ0c-IqSqoq6Wg2YBjNmHoBzYFJr9B6NrjwAZNgCN6HIjt3oI0U1PYPWAAGW1g5FV0AExM2TTD0JkAoOUB3W0BtWMBsJUAuc0ALNUAuuUBFz0AAo0BIc0AFNMAbRUAP5RtvRNTAP3NAB3lAbbdALATAQHlALDlAQu9AMBdACpVAI-jy6tq65JTAOWVAQC1AXflASO1AWHNAQqVRmsjvScAah0B47UBD-UB7AyLAenN18a3UwGa_QBe_I9Pzzd1JwDFEwF-be7PKjYTYScBo50AAAGARX9ADt-xUevyYgEpNUGAGQjAM6KgBUAi7PFqAPL1AIbKn0AEP-pQCQ_5C6n9AC-BgAA5ZGoqiTDKAHgUwQ9vlTyJNAF5mgDM5DqAPYzAPbxgDe5RljJ7U1JJQD8eYBs-UAKXqAP5T-kSJoBaOUAv2qKwCLiYAiWMAM9qAQejABxK61SgAtzQBmtoAuZUAI3mAF0VAPex-sApCFdQAXCczEoAQVyteJS-O6_WGCq2gAq5QB8toAvvUAit6APujAIXRwy9hKZwpZ0MAXPqUpP1FLQwALThlAPCGMcAhQGAX7kA89AFrKgHrTQB-gemoYAcIMACXZ14mTQAzioBYBMA9c5zCGJqGpGaAb-0GV8hQOUoBs20A4jaAfiNAAzqgHK5QB-GYA71LLIpSgAPTQDn-oACeUASVp98etwAQKoBspUAp7pdQBm8YAw-PjG5ZgDKEwAAUfHAJqmgCaA48_VuAL-iTkAK8DAAqlQA0ZUAb59AH2_R9-1bVJACWLQAxFXPb9f1dP5UkAFiMMl9Pon0zQAwJUAYD0jnQjNMJSLDWTwgi_kVfZ9RLQ0UkAFLlACXIwAudQdZ0MKYQBdkMAHgs0hbCZAGQzOZRMuFJAGZXQBH-UAB5tyKhQAG01ZKTnlSDJADn_Wi4ImQBuZUAZx8NOpQAsY0APvjTJZVJADFVIzikAMbTACO1Zj9K2LAAFEAGEAHkAFlrMSQAxRVfIK_kAEadn3CphADfTQBjuWhQB_eRi1JFVZAoMlWQA0TUAUGU6KYZVAFE02yulyQALRUAYBdVhxQByTUAPfiE2qVJCJPCZAAx5QBJm0ASUVADNtPiMi6QBS43PPixIWfZPkAFA9AEXlWC2q2QAD5UADr9KTCRR5CUSIzCkCAok8QQRHEIgADNODwegnhcYAwDAYAAFsiAAZmCJ4OHoE6wCIABWV7BDukAiAARj-qhdrMYQvtgF6nkMGAwDYXxnDcIJpFkdAFDkABuIA

这2个demo里,y轴data里最长的那条数据是相同的,但是一个被截断了没展示全,另一个能展示全.

Current Behavior

y轴标签被截断,展示不全

Expected Behavior

y轴标签不被截断,能展示全

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

No response

[echarts-bot[bot]]

@Colin3191 It seems you are not using English, I've helped translate the content automatically. To make your issue understood by more people and get helped, we'd like to suggest using English next time. 🤗

TRANSLATED

TITLE

[Bug] grid.containLabel is true, and the label is not fully displayed when the y-axis is the category axis

[MatthiasMert]

As a work around you could use label formatting:

axisLabel: {
    ... ,
    formatter: (value) => '                             ' + value,
}

Example

[helgasoft]

grid.containLabel apparently uses an algorithmic approximation to calculate the labels rectangle. So, different data will generate different results, with some being inaccurate, like in your case. Other settings (grid.left) can be used to rectify the problem. Demo Code

[CrazyWood007]

estimateLabelUnionRect only calculate 40 axis data items. So it might miss the longest label, leading to inaccurate width calculation. How to fix???