如何在recharts中更改图例文本颜色

Question

我正在尝试更改recharts中的文本图例颜色

默认情况下，图例采用基于线条/条形的颜色：

​

​

我想要：

​

​

看起来我想要的是之前的默认设置，因为文档向我们解释了如何拥有彩色图例文本：https://codesandbox.io/s/legend-formatter-rmzp9 https://recharts.org/en-US/api/Legend

我找不到如何做相反的事情

Answer 1

您可以按如下方式更改这两个Line组件的stroke属性。给定here的Codesandbox示例。

stroke="#FF0000"表示红色，stroke="#000000"表示黑色。

      <Line
        type="monotone"
        dataKey="pv"
        stroke="#FF0000"
        activeDot={{ r: 8 }}
      />
      <Line type="monotone" dataKey="uv" stroke="#000000" />

希望这能回答你的问题。