antvis / G2

📊 The concise and progressive visualization grammar.
https://g2.antv.antgroup.com
MIT License
12.12k stars 1.59k forks source link

图表宽度设置到一定程度,X 轴文本旋转会和 legend 重叠 #5958

Closed Darsoon closed 10 months ago

Darsoon commented 10 months ago

问题描述

关闭 X 轴 label 的 autoEllipsis 和 autoHide,开启 autoRotate,然后改变图表宽度,当一定宽度时,图表的 label 旋转将和图例重合,但继续改变,显示又会恢复。

重现链接

https://codesandbox.io/p/sandbox/reverent-kilby-hw7ypz?file=%2Findex.ts%3A29%2C11

重现步骤

  1. 关闭 X 轴 label 的 autoEllipsis 和 autoHide,开启 autoRotate
  2. 缓慢改小图表宽度,到一定宽度能复现
  3. 如果手动拖拽不复现,可以使用 chart.changeSize 二分法,亲测稳定复现

预期行为

理论上不应该发生重叠现象

平台

屏幕截图或视频(可选)

image

补充说明(可选)

No response

hustcc commented 10 months ago

这个 bug 是旧版本一直存在,之前的图表布局设计,无法修复,😭。可以尝试一下新版本。