You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@echarts.apache.org by "Lingdeqing (via GitHub)" <gi...@apache.org> on 2025/04/01 17:32:32 UTC
[I] [Bug] treeMap设置了rich属性verticalAlign: 'middle'就失效了 [echarts]
Lingdeqing opened a new issue, #20886:
URL: https://github.com/apache/echarts/issues/20886
### Version
5.6.1
### Link to Minimal Reproduction
https://echarts.apache.org/examples/zh/editor.html?c=treemap-simple&code=PYBwLglsB2AEC8sDeAoWsDOBTAThLGAXLANprrLkWxgCeIWxA5GDllgLYCGITANFQoAbLgCMsQ4qmrUAbrkgBjLkICCQiAHNozDhAAm-oVn6DqACyxbzYYgBYADH1gB6F7EvWwgWDlA-K6AJUzMKUWAcfVwAYWAhUOY2fVMZYNDwnAB1AzBzYgBGJ1gg9DxFbOQAX1d3QEhzYvNAOBUcgDp5HCUVdS1oQEZNf0AYf4AmRpFxIUAQtxCw3EBuV0AGJQgwTkAoOUAwuSCygST9LjAuYjIk9GkD9GguDkZYJmhgcNVE49hZFQBXC7yNg7KggF1BL_RfmUANxAA
### Steps to Reproduce
`option = {
series: [
{
type: 'treemap',
label: {
verticalAlign: 'middle',
height: 40, // height不生效
borderColor: 'red',
borderWidth: 10,
rich: {} // 有rich后1.verticalAlign失效，2.label的border画到item上了
},
data: [
{
name: 'nodeA',
value: 10,
}
]
}
]
};`
### Current Behavior
1. treemap.label.height始终和整个方块一样高
2. 有rich设置后verticalAlign失效，label的border画到item上了
貌似 verticalAlign的问题和height高度无法设置有关，height始终是整个方块的高度，verticalAlign始终是在height=方块高度的框中对齐
### Expected Behavior
height可以设置文本框高度，label.position设置文本框在方块中的上下左右位置，verticalAlign和align仅设置文本在文本框中的对齐
### Environment
```markdown
- OS:
- Browser:
- Framework:
```
### Any additional comments?
_No response_
--
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: commits-unsubscribe@echarts.apache.org.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
Re: [I] [Bug] treeMap设置了rich属性verticalAlign: 'middle'就失效了 [echarts]
Posted by "echarts-bot[bot] (via GitHub)" <gi...@apache.org>.
echarts-bot[bot] commented on issue #20886:
URL: https://github.com/apache/echarts/issues/20886#issuecomment-2770202731
@Lingdeqing 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. 🤗
<details><summary><b>TRANSLATED</b></summary><br>
**TITLE**
[Bug] treeMap sets the rich property verticalAlign: 'middle' and it doesn't work
</details>
--
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: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
Re: [I] [Bug] treeMap设置了rich属性verticalAlign: 'middle'就失效了 [echarts]
Posted by "egemon (via GitHub)" <gi...@apache.org>.
egemon commented on issue #20886:
URL: https://github.com/apache/echarts/issues/20886#issuecomment-3244600619
I would add that even declaring rich on label without actually using it moves label to top left corner.
And while you can make it be in the middle horizontally, you can't force label to be vertially in the middle anymore.
--
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: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
Re: [I] [Bug] treeMap设置了rich属性verticalAlign: 'middle'就失效了 [echarts]
Posted by "helgasoft (via GitHub)" <gi...@apache.org>.
helgasoft commented on issue #20886:
URL: https://github.com/apache/echarts/issues/20886#issuecomment-2770316351
use _lineHeight_ instead of _height_ - [Demo](https://echarts.apache.org/examples/en/editor.html?c=treemap-simple&code=PYBwLglsB2AEC8sDeAoWsDOBTAThLGAXLANprrLkWxgCeIWxA5GDllgLYCGITANFQoAbLgCMsQ4qmrVRwHABNcAYWBD5zNgv6DZ8pTgDqEBWAAWxAIwAGATIp4Axhcr3ZoqbrcAzGGADKEABejLAATABsdm7UQhDQWAASWBAA5mZgxGHWtrAAbriQjlxCAIJxqdDMcmBgwBw6MegAvtExtZ5NwvFJKemZ4Tl8-YUQxWUVVbAsoI1NrV7UHBydXbBxCclpGVlDIzhFJeVpU0wcJgpCWHMxC7dtMr443LW4zEiiogA-H83NyLUflw_shlj9HH8mF47jIFFwwFxiGQYtImtAuBxQkxoMAlKUbm48iUAK6hGwPajNLwAXUEVPQtOaAG4gA)
📌 please close issue if problem solved.
--
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: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
Re: [I] [Bug] treeMap设置了rich属性verticalAlign: 'middle'就失效了 [echarts]
Posted by "Lingdeqing (via GitHub)" <gi...@apache.org>.
Lingdeqing commented on issue #20886:
URL: https://github.com/apache/echarts/issues/20886#issuecomment-2771104326
> use _lineHeight_ instead of _height_ - [Demo](https://echarts.apache.org/examples/en/editor.html?c=treemap-simple&code=PYBwLglsB2AEC8sDeAoWsDOBTAThLGAXLANprrLkWxgCeIWxA5GDllgLYCGITANFQoAbLgCMsQ4qmrVRwHABNcAYWBD5zNgv6DZ8pTgDqEBWAAWxAIwAGATIp4Axhcr3ZoqbrcAzGGADKEABejLAATABsdm7UQhDQWAASWBAA5mZgxGHWtrAAbriQjlxCAIJxqdDMcmBgwBw6MegAvtExtZ5NwvFJKemZ4Tl8-YUQxWUVVbAsoI1NrV7UHBydXbBxCclpGVlDIzhFJeVpU0wcJgpCWHMxC7dtMr443LW4zEiiogA-H83NyLUflw_shlj9HH8mF47jIFFwwFxiGQYtImtAuBxQkxoMAlKUbm48iUAK6hGwPajNLwAXUEVPQtOaAG4gA) 📌 please close issue if problem solved.
like this [demo](https://echarts.apache.org/examples/zh/editor.html?c=treemap-simple&code=PYBwLglsB2AEC8sDeAoWsDOBTAThLGAXLANprrLkWxgCeIWxA5GDllgLYCGITANFQoAbLgCMsQ4qmrVRwHABNcAYWBD5zNgv6DZ8pTgDqEBWAAWxAIwAGATIp4Axhcr3ZoqbrcAzGGADKEABejLAATABsdm7UQhDQWAASWBAA5mZgxGHWtrAAbriQjlxCAIJxqdDMcmBgwBw6MegAvtExtZ5NwvFJKemZ4Tl8-YUQxWUVVbAsoI1NrV7UHBydXbBxCclpGVlDIzhFJeVpU0wcJgpCWHMxC7dtMr443LW4zEiiogA-H83NyLUflw_shlj9HH8mF47jIFFwwFxiGQYtImtAuBxQkxoMAlKUbm48iUAK6hGwPezOCBCBRsKbItaotawdGY5g4vFcAldIlCUnEAAsixkMK6TLWrKxHKwpVE3KavP5sAiwuozVVsAAusLRTJxfZJezcVgAELy6iK0LZCkyKk0ulIjXofVojFS40mrk2mKW3betx22lYelOvWhg1uo1KT2Wc1rX2DcMUdXM9Da5kpprptyZ6jZlrkbXNADcQA), dynamic data. i don't know height of each item
--
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: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
Re: [I] [Bug] treeMap设置了rich属性verticalAlign: 'middle'就失效了 [echarts]
Posted by "egemon (via GitHub)" <gi...@apache.org>.
egemon commented on issue #20886:
URL: https://github.com/apache/echarts/issues/20886#issuecomment-3244603085
https://github.com/apache/echarts/issues/20295 similar?
--
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: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org