javascript - 带有 D3 的桑基图 - 链接着色

Question

我正在尝试基于此示例呈现桑基图。

TL:DR - color() 函数用于为节点着色，但不能为链接着色。

当我让它工作和渲染时（我在 Next.js 中使用最新版本的 D3 和 React），我在为链接着色时遇到了问题。

在上面链接的示例中，有多个着色选项，由于某种原因，它们都不适合我。

他们都使用“颜色”功能（节点的着色也使用了这个功能——在这种情况下效果很好）——但我只是无法让它为链接工作。

如果我输入一个简单的十六进制值（任何值，而不是 color() 函数），它就可以正常工作。

我的桑基图基于顶部链接的示例，删除了大多数链接和节点以减少混乱。

This is the code for this component:

https://pastebin.com/xUCJDGWg

标签： javascriptreactjsd3.jsnext.jssankey-diagram