Javascript 对sankey标题和图例作出反应

我试图为React找到一个sankey图组件。有一个用于Vis.JS的包装器，带有D3和D3 Sankey插件-

react-Vis

。不费吹灰之力就能画出桑基。有两个问题-“无效”数组节点会导致浏览器关闭-可以通过验证解决，在图表上没有“系列”的标签和/或名称。Sankey的示例代码如下：

  const nodes = [{name: 'a'}, {name: 'b'}, {name: 'c'}];
  const links = [
    {source: 0, target: 1, value: 10, opacity: 0.2},
    {source: 0, target: 2, value: 20},
    {source: 1, target: 2, value: 30}
  ];

  class Flow extends Component {
    render() {
      return  (
        <div style={{display: 'flex', flexDirection: 'row'}}>
          <div style={{marginLeft: '50px', marginRight: '50px', flexGrow: 1}}>
            <Sankey
              nodes={nodes}
              links={links}
              width={200}
              height={200}
            />
          </div>
        </div>
      );
    }
  }

const nodes=[{name:'a'}，{name:'b'}，{name:'c'}]；
常量链接=[
{源：0，目标：1，值：10，不透明度：0.2}，
{源：0，目标：2，值：20}，
{源：1，目标：2，值：30}
];
类流扩展组件{
render（）{
返回(
);
}
}

此图的绘制与演示中的完全相同。添加节点或自定义节点没有问题。 如果您知道如何使用

react-vis

或Google Charts-react包装器显示节点名称，请提供建议。

我刚刚为react-vis的Sankey添加了标签支持，这实际上没有实现，很好

我所做的只是在节点

中渲染

元素，并根据其在整个图形中的位置更改文本方向

{node.name}

只需等待一段时间，直到它的审查和起草在一个新的版本