apache / apache/echarts

[Bug] treeMap设置了rich属性verticalAlign: 'middle'就失效了

Open
#20,886 5 comments 0 reactions 0 assignees View on GitHub
bug pending
Dominant language
TypeScript
Stars
67.3k
Forks
19.8k
Avg merge
11d 14h
Merged PRs (30d)
8

Description

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

```javascript
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_

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.