apache / apache/echarts

[Bug] sankey桑基图的label设置了position在图外时,会被animation的动画效果切割导致显示不全

Open
#20,651 1 comment 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.0.0

### Link to Minimal Reproduction

https://echarts.apache.org/examples/zh/editor.html?c=sankey-simple&version=5.0.0&code=PYBwLglsB2AEC8sDeAoWsDOBTAThLGAXMmurGAJ4hbEDkGAhtANZYW0A0p6ANgxcACuYOtBhZO3WFgC2IABYMMEIiTJkAZsADGg1bQYATAFYNtWaNvZSAvl3WGGYBsQDaU9KnXroDGTVgDSW9eBgAjLB5iLxCyEGBlSBg6MFBaDzI7DKyQmJDffzow4Ni-CKi1WPR4xKhoOh4sDTB0qpzvdvU87wKAgwBGVo77b26fPz6GACYh9U6yMbJeosHska6M9GXA7VnMqQBdddgeCBZVd1zNzCEcczoGEpDnHABzLBFAhkHj9QA3Bg8QQBACsawyi3QGFu9y-T28L3enwMM1-ZABQICAGZwVcqtDBHc-sU0ehER8VvD_oDgcQABy40bXAlEh5Usjk5FhH7XDG02A4kLzTzMmHEnlVTkPCWxPkBfqMjb4sWU0nkBhvCk7dnoOXEKbZQ6kGwoGwAbiAA

### Steps to Reproduce

使用我提供的官方链接,每次点击运行触发动画都会复现

### Current Behavior

官方例子就可以稳定复现,具体操作为将sankey的data设置label的position为图形外,比如top或者left。然后在过度动画时会被切割,在动画结束后会出现。
`option = {
series: {
type: 'sankey',
layout: 'none',
emphasis: {
focus: 'adjacency'
},
data: [
{
name: 'a',
label: {
position: 'top'
},
},
{
name: 'b',
label: {
position: 'left'
},
},
{
name: 'a1'
},
{
name: 'a2'
},
{
name: 'b1'
},
{
name: 'c'
}
],
links: [
{
source: 'a',
target: 'a1',
value: 5
},
{
source: 'a',
target: 'a2',
value: 3
},
{
source: 'b',
target: 'b1',
value: 8
},
{
source: 'a',
target: 'b1',
value: 3
},
{
source: 'b1',
target: 'a1',
value: 1
},
{
source: 'b1',
target: 'c',
value: 2
}
]
}
};`

![image](https://github.com/user-attachments/assets/2831ba55-72a3-4e4d-a0e7-c86ed010b8f6)
![image](https://github.com/user-attachments/assets/4b5bfb62-8e2d-44a6-b210-eae7bae3835a)

### Expected Behavior

应该是动画蒙版大小计算错误

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