链接力d3.js上的线条着色

Question

我是D3.js的新手，并且我已经创建了一个图形强制并且它正在工作。 我的疑问是对两个节点之间的链接着色。

我需要在节点之间的链接上使用颜色表示流量。 但是问题是两个节点在链接上发送流量，为了表示这一点，我需要在同一链接上使用两种颜色。 在这种情况下，链接的50％使用一种颜色，而其他50％使用另一种颜色。 可能吗 ？

Answer 1

实际上，您实际上希望将每个source-> target链接表示为单独的链接，因此从X到Y的流量与从Y到X的流量是不同的链接。在这种情况下，典型的方法是使用弯曲的边缘，如这个例子：

http://bl.ocks.org/mbostock/1153292

如果您想使用看起来并排的直边，​​也可以偏移链接的起点和终点，但是这涉及更多，因为您必须要告诉代码哪个链接位于“左-手”一侧，并且在“右侧”一侧。 一种方法是使用JavaScript的内置Math.atan2函数查找链接的斜率，并根据该斜率偏移出站链接。 有机会的时候我会写一个例子。