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

Question

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

我已经复制了水平柱形图（条形图）的exact same example in the docs，但在我的环境中，图例根本没有显示。

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

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

Answer 1

有一个div 标记，如下所示：

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

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