如何解决如何在Nivo散点图中为React设置单个点颜色
我已经为React使用'@ nivo / scatterplot'创建了一个图形。我可以使用图形定义中的colors='#FF0000'
来成功设置所有点的颜色,但是我无法弄清楚如何设置单个点的颜色(例如,基于其值)。我不想应用nivo方案,因为它适用于每个组,并且我想按点应用,并且可以控制每个点的颜色。有办法吗?
解决方法
是的,您可以通过将函数传递给colors
属性来有条件地更改Nivo散点图点的颜色:
import { Node } from '@nivo/scatterplot'
colors={(node: Node) => {
return node.y > 5 ? 'red' : 'black'
}}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。