[Bug]: 玫瑰图图例会不居中（居中失效）

[zhengmingkun1996-debug]

Describe the bug / 问题描述

玫瑰图图例设置居中后，缩放浏览器，图例会靠右

Reproduction link / 复现链接

https://stackblitz.com/edit/react-gkxa3mfc?file=package.json,index.js

Steps to Reproduce the Bug or Issue / 重现步骤

No response

Version / 版本

🆕 2.x

OS / 操作系统

• macOS
• Windows
• Linux
• Others / 其他

Browser / 浏览器

• Chrome
• Edge
• Firefox
• Safari (Limited support / 有限支持)
• IE (Nonsupport / 不支持)
• Others / 其他

[dosubot]

Hi @zhengmingkun1996-debug! I'm Dosu and I’m helping the ant-design-charts team.

这个问题的根本原因是 ant-design-charts 的图例居中依赖底层 @antv/g2 的布局引擎，当前 autoFit 响应式布局在浏览器缩放时可能导致图例偏移，居中失效。这不是玫瑰图特有的问题，其他类型（如饼图、漏斗图）也有类似 bug，尤其是在 legend 过滤或缩放后出现渲染异常。相关讨论和临时解决方案

常见配置如 legend.layout.justifyContent: 'center' 和 legend.crossPadding 可以调整图例对齐和间距，但在 resize 时未必总能生效。配置示例

临时解决方法：可以将 autoFit 设置为 false，并手动指定 chart 的宽高，这样图例不会因为容器变化而偏移，但会失去响应式缩放能力。例如：

{
  autoFit: false,
  width: 600,
  height: 400,
  legend: {
    color: {
      layout: { justifyContent: 'center' },
      crossPadding: 24,
      position: 'top',
    },
  },
  // 其他配置...
}

如果需要响应式，建议关注 @antv/g2 的后续修复进展，或在不同平台/浏览器测试是否有差异。如 workaround 无效，可以补充更多环境细节继续排查。

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}