Antd Charts问题：移除图例文本的截断显示

要解决图例文本被截断显示省略号的问题，直接针对图表的legend配置做以下修改即可：

• 在legend中设置maxWidth: 'auto'，取消文本宽度限制；
• 开启autoWrap: true允许文本自动换行；
• 给itemName的样式设置whiteSpace: 'normal'和textOverflow: 'unset'，彻底取消截断规则。

修改后的关键配置代码如下：

<LineChart
  data={data}
  xField="year"
  yField="value"
  seriesField="type"
  legend={{
    // 取消文本宽度限制，允许完整显示
    maxWidth: 'auto',
    // 允许文本自动换行
    autoWrap: true,
    itemName: {
      style: {
        whiteSpace: 'normal',
        textOverflow: 'unset',
      },
    },
  }}
/>

为什么之前的方法没生效？ #

• itemValue.formatter是用来格式化图例的数值部分，不是文本标签；
• customContent如果没有正确覆盖文本的截断样式，也无法生效；
• itemWidth只是控制单个图例项的整体宽度，文本自身的截断规则还需要通过itemName.style和maxWidth来修改。

内容的提问来源于stack exchange，提问作者nerdess