reactjs - 为什么 Nivo 条形图中 Legend 的文本不显示

Question

我正在尝试将此库用于 React 中的图表： https ://nivo.rocks/

我在水平柱形图（条形图）的文档中复制了完全相同的示例，但在我的环境中，图例根本没有显示。

我已经查找了之前发布的有关标签未显示和图例问题故障排除的所有其他问题。但这是一个不同的问题。它只是无法按预期工作/如文档实时预览中所示

CodeSandbox 显示问题： https ://codesandbox.io/s/missing-legends-text-pns6v

Answer 1

有一个div标签看起来像这样：

<div style={{ width: "80%", height: "400px", color: "white" }}>

颜色设置为白色。删除它，文本将显示。