图例位置调整。

[lxfu1]

图例位置如何底部居中？

[lxfu1]

图例位置底部居中的设置方法

在 Ant Design Charts 组件中，大部分图表都可以通过 legend 配置项控制图例（Legend）的位置和布局。要实现图例底部居中，你可以设置 legend 的 position 和 layout 参数。

配置示例

import { Line } from '@ant-design/charts';

const config = {
  data: [
    { year: '1991', value: 3 },
    { year: '1992', value: 4 },
    { year: '1993', value: 3.5 },
    // ...更多数据
  ],
  xField: 'year',
  yField: 'value',
  legend: {
    position: 'bottom', // 图例显示在底部
    layout: 'horizontal', // 水平布局，默认即为 horizontal
  },
};

<Line {...config} />

参数说明：

• position
  • 取值：'top', 'bottom', 'left', 'right'
  • 设置为 "bottom" 即图例在底部。
• layout
  • 取值：'horizontal', 'vertical'
  • 设置为 "horizontal"，配合 position:'bottom'，即可底部居中。

注意：legend 默认就是居中显示的，不需要额外指定 align。如果有特殊布局需求，文档暂未涉及更详尽的 legend 对齐配置。

相关文档链接

• 图表图例 Legend 配置

如需针对某种具体图表组件实现上述效果，请补充说明组件类型。

---

此回答由AI自动生成，仅供参考。如有疑问，请等待维护者回复。