如何在Nivo散点图中为React设置单个点颜色

问题描述

我已经为React使用'@ nivo / scatterplot'创建了一个图形。我可以使用图形定义中的colors='#FF0000'来成功设置所有点的颜色，但是我无法弄清楚如何设置单个点的颜色（例如，基于其值）。我不想应用nivo方案，因为它适用于每个组，并且我想按点应用，并且可以控制每个点的颜色。有办法吗？

解决方法

是的，您可以通过将函数传递给colors属性来有条件地更改Nivo散点图点的颜色：

import { Node } from '@nivo/scatterplot'

colors={(node: Node) => {
        return node.y > 5 ? 'red' : 'black'
}}