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

Question

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

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

Answer 1

您实际上想要将每个source-＆gt;目标链接表示为单独的链接，因此从X到Y的流量是与从Y到X的流量不同的链接。在这种情况下，典型的方法是使用弯曲边缘，如本例所示：

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

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