如何修改Recharts中图例（Legend）的文字颜色

默认情况下Recharts的图例文字会自动继承对应系列的配色，要实现统一固定颜色的图例文字，可通过以下两种方案实现：

• 方案1：CSS全局覆盖
  直接修改Recharts默认生成的图例文字类样式即可：

.recharts-legend-item-text {
  color: #2c3e50 !important;
}

如果要局部生效，给外层容器加自定义类名限定选择范围即可。

• 方案2：通过Legend组件API配置（更推荐，优先级最高不会被默认规则覆盖）
  使用formatter属性自定义图例文本的渲染逻辑，直接给文本指定固定颜色：

import { Legend } from 'recharts';

// 组件内使用
<Legend
  formatter={(value) => <span style={{ color: '#2c3e50' }}>{value}</span>}
  // 其余Legend配置保留即可
/>

两种方案都可以实现固定颜色图例文字效果，不需要回退旧版本。

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