echarts icon indicating copy to clipboard operation
echarts copied to clipboard

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

Open 2256184693 opened this issue 3 years ago • 5 comments

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 (1)

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

Expected Behavior

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

Environment

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

Any additional comments?

No response

2256184693 avatar Aug 30 '22 06:08 2256184693

@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)

Here's what to expect (after manipulating the legend still expect the labels to be in normal position) funnel

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

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

Any additional comments?

No response

echarts-bot[bot] avatar Aug 30 '22 06:08 echarts-bot[bot]

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

2256184693 avatar Oct 14 '22 08:10 2256184693

Is there any solution?

2256184693 avatar Dec 12 '22 10:12 2256184693

@2256184693 欢迎提 PR

Ovilia avatar Dec 13 '22 07:12 Ovilia

set animation: false can temporarily fix this problem

Kurtzyf avatar May 15 '24 03:05 Kurtzyf