如何在 nivo 图表设置中添加自定义颜色主题

Pra*_*yal 11 javascript reactjs nivo-react

我在我的一个项目中使用 Nivo 图表,并且我已经实现了 nivo 图表设置,就像他们在其网站中实现的那样。但是,除了 nivo 提供的功能之外,我还想添加一些我自己的自定义颜色主题选项。为了更清楚起见,我附上此屏幕截图

在此输入图像描述

现在,我们从 nivo 包中导入颜色:

import {
    categoricalColorSchemeIds,
    divergingColorSchemeIds,
    sequentialColorSchemeIds,
    colorSchemes,
} from '@nivo/colors'
Run Code Online (Sandbox Code Playgroud)

现在我在某处读到我们可以将自定义对象注入为颜色主题,任何人都可以帮助我展示如果我想添加名称为 CustomTheme 且颜色为“#000、#fff、#ff0000”的新主题,这将是如何实现的”。我们该怎么做,任何帮助都会有帮助。提前致谢

Tan*_*cia 20

做:

colors={['#111111', '#222222']}
colorBy="index"
Run Code Online (Sandbox Code Playgroud)

  • 我认为您不需要“colorBy”属性,它甚至不存在于所有图表上 (2认同)