无法设置nivo饼图配色方案

我整合了 nivo library 。我设法让这个饼图工作:

为此,我使用了示例中稍微修改过的代码:

<ResponsivePie
  data={data}
  margin={config.margins}
  padding={0.3}
  colors="nivo"
  borderColor="inherit:darker(1.6)"
  animate
  motionStiffness={90}
  motionDamping={15}
  legends={config.legends}
  sortByValue
  innerRadius={0}
  padAngle={0}
  cornerRadius={0}
  borderWidth={0}
  radialLabelsSkipAngle={10}
  radialLabelsTextXOffset={6}
  radialLabelsTextColor="#333333"
  radialLabelsLinkOffset={0}
  radialLabelsLinkDiagonalLength={16}
  radialLabelsLinkHorizontalLength={24}
  radialLabelsLinkStrokeWidth={1}
  radialLabelsLinkColor="#CCCCCC"
  slicesLabelsSkipAngle={10}
  slicesLabelsTextColor="#333333"
/>

现在,我希望颜色是灰度,所以我改变了 colors prop改为“greys”,如他们的文档所示:

colors={{ scheme: 'greys' }}

这将导致:

我也试过:

colors="greys"

使用 "greens" 结果也是一样的。

如果你想试试:

我需要做什么?