基于 d3 值的颜色反应力图链接

Question

我想创建一个带有使用此项目制作的 3D 力图的应用程序： https://github.com/vasturiano/react-force-graph

您可以根据 Github 上的文档找到我的示例： https://codesandbox.io/s/happy-sea-c7hj95?file=/index.html

我的问题是，我不知道如何为链接着色。我尝试像这样设置静态 linkColor：

      linkColor = {"green"}

这似乎已经不起作用了。我的目标是根据边缘权重（值）设置链接颜色：

      linkColor = {"d3.interpolateViridis(colorScale(value)))"}

也许有人知道如何实现这一目标......

Answer 1

你从哪里得到

linkColor

？您已经使用

指定了颜色

sprite.color = node.color;

只需将其更改为您想要的任何十六进制值：

sprite.color = "#ff9900"

Answer 2

.linkColor(() => '红色')

它需要一个函数，而不是一个字符串