apache / echarts

Apache ECharts is a powerful, interactive charting and data visualization library for browser
https://echarts.apache.org
Apache License 2.0
60.48k stars 19.62k forks source link

[Bug] 漏斗图使用labelLayout后图例交互时标签位置异常 #17594

Open 2256184693 opened 2 years ago

2256184693 commented 2 years ago

Version

5.3.3

Link to Minimal Reproduction

https://echarts.apache.org/examples/zh/editor.html?c=funnel&version=5.3.2&code=PYBwLglsB2AEC8sDeAoWtJgDYFMBcya6GOAHmAQOQBiArtNDlpUQL4A0RYwwWkIBVMQwAnCAHNxOEVQhgcAW0qdhAM2AiFAQzDyZsSki2tYAHgBGIgPQA-JOZOCAxqwCkLdBy48s54KUEidFUcHVoRfEJhdAATHS0ANQgcAHdBWAitGIB5aCwATwJVLSwAZxxYL2iMnFLuCMEq6NKtADccAEFSgEltKUagyrYVWFwpaBjA4TiwLQIAbUoAZQALYBTlAwBhLAgnAGtNyiTSuSPu6ABHWggRfKPskRjpSgBdYaJysVqFwaFo6BaBSRGj0RjMEbCMD5EAg1RgpjKQboXCqCgGACMAAZ3JDiNwBLAAGxYvHoPy6YAKAgksmwFIQGJgFZUAAcOKR1QUEGgBFJyNg2gCsGx_K5PKWEAAXiCOXShZKZVRRbiBaUNOjKM9Sk4cBMeeJOdFxFpCQAmOlYLTmJhTaqwUprNKiWg4OnoEDAU6QGCyaCnZ4eaJNYRWm1YAAyPMi_2quGg4mZBGx7tG0aW0Nwdvt9MZSZFqfQ0NhVHVuxiQeqrAFIeIYaYEa0-WAtHRseiwsoAFZ3DW6XJFBn8lmova_E9pFteBoqABiVQLo3VcfPEQAdTzLJFfYFihAKy0p1K2ei9awJ-q6mgYEVkTNWIFnh31Rmc1g80fyFgrRKrpppNgQFgSoE4zkqVMkG_X9IgAFgAoCQQua5bnucDP0gn8sD_WB73YQCgRBR5V0oNCcww6CCHZPCEKoHY9kOUj7XIrDIlFaiCKoVZ1hI6tqneYReNgd5WAAbiAA

Steps to Reproduce

  1. 使用示例图中第一个漏斗图。
  2. 增加labelLayout配置,将标签水平放置于左侧统一的 x 处。
  3. 运行后漏斗图展示正常,标签位置正常。
  4. 点击任意图例,隐藏某一列后,图形重绘,此时发现标签的位置错乱。

Current Behavior

以下是期望的情况(操作图例后仍然期望标签位置正常) funnel

Expected Behavior

期望在正常展示漏斗图后,操作图例等其他操作时,标签的位置仍然能够正确。

Environment

- OS: Mac
- Browser: 104.0.5112.101
- Framework: -

Any additional comments?

No response

echarts-bot[bot] commented 2 years ago

@2256184693 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] The funnel diagram uses labelLayout after legend interaction when the label position is abnormal **BODY** ### Version 5.3.3 ### Link to Minimal Reproduction https://echarts.apache.org/examples/zh/editor.html?c=funnel&version=5.3.2&code=PYBwLglsB2AEC8sDeAoWtJgDYFMBcya6GOAHmAQOQBiArtNDlpUQL4A0RYwwWkIBVMQwAnCAHNxOEVQhgcAW0qdhAM2AiFAQzDyZsSki2tYAHgBGIgPQA-JOZOCAxqwCkLdBy48s54KUEidFUcHVoRfEJhdAATHS0ANQgcAHdBWAitGIB5aCwATwJVLSwAZxxYL2iMnFLuCMEq6NKtADccAEFSgEltKUagyrYVWFwpaBjA4TiwLQIAbUoAZQALYBTlAwBhLAgnAGtNyiTSuSPu6ABHWggRfKPskRjpSgBdYaJysVqFwaFo6BaBSRGj0RjMEbCMD5EAg1RgpjKQboXCqCgGACMAAZ3JDiNwBLAAGxYvHoPy6YAKAgksmwFIQGJgFZUAAcOKR1QUEGgBFJyNg2gCsGx_K5PKWEAAXiCOXShZKZVRRbiBaUNOjKM9Sk4cBMeeJOdFxFpCQAmOlYLTmJhTaqwUprNKiWg4OnoEDAU6QGCyaCnZ4eaJNYRWm1YAAyPMi_2quGg4mZBGx7tG0aW0Nwdvt9MZSZFqfQ0NhVHVuxiQeqrAFIeIYaYEa0-WAtHRseiwsoAFZ3DW6XJFBn8lmova_E9pFteBoqABiVQLo3VcfPEQAdTzLJFfYFihAKy0p1K2ei9awJ-q6mgYEVkTNWIFnh31Rmc1g80fyFgrRKrpppNgQFgSoE4zkqVMkG_X9IgAFgAoCQQua5bnucDP0gn8sD_WB73YQCgRBR5V0oNCcww6CCHZPCEKoHY9kOUj7XIrDIlFaiCKoVZ1hI6tqneYReNgd5WAAbiAA ### Steps to Reproduce 1. Use the first funnel chart in the example graph. 2. Add labelLayout configuration, and place the label horizontally at the uniform `x` on the left. 3. After running, the funnel chart is displayed normally, and the label position is normal. 4. Click on any legend to hide a column and redraw the graph. At this time, it is found that the position of the labels is disordered. ### Current Behavior - wrong situation ![funnel (1)](https://user-images.githubusercontent.com/26702624/187364638-c3283d73-3796-4d8e-97d7-21245b03ff69.png) Here's what to expect (after manipulating the legend still expect the labels to be in normal position) ![funnel](https://user-images.githubusercontent.com/26702624/187364702-af5fcaaf-e2e2-4134-9ae6-7e67a31f9f09.png) ### Expected Behavior It is expected that the position of the label will still be correct when operating the legend and other operations after displaying the funnel chart normally. ### Environment ````markdown - OS: Mac - Browser: 104.0.5112.101 - Framework: - ```` ### Any additional comments? _No response_
2256184693 commented 2 years ago

@Ovilia 请问这个 Fix有后续计划嘛?

2256184693 commented 1 year ago

Is there any solution?

Ovilia commented 1 year ago

@2256184693 欢迎提 PR

Kurtzyf commented 5 months ago

set animation: false can temporarily fix this problem