在D3.JS sankey圖中突出顯示特定鏈接

Question

在下面的示例中，我想在初始負載時永久突出顯示特定鏈接（每個節點之間的連接）：

http://bl.ocks.org/d3noob/c2637e28b79fb3bfea13

如您所見，它將突出顯示鼠標懸停時的鏈接。

這是通過CSS實現的：

.link:hover {
  stroke-opacity: .5;
}

如何在不使用鼠標懸停（即首次添加SVG元素）的情況下為特定鏈接（例如，前兩個節點之間的鏈接）獲得相同的結果。

Answer 1

那就是您需要的：首先，相應地過濾link數組。

var firstLink = link.filter(d => d.source.node === 0 && d.target.node === 4);

在這種情況下，我們獲得第一個鏈接（在頂部），該鏈接從節點0（源）到節點4（目標）。

然后，應用不透明度：

firstLink.attr("opacity", .5);

這是顯示它的小提琴： https : //jsfiddle.net/7mm1ko4f/