为什么 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" }}>

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