Выделите конкретную ссылку на D3.JS диаграмме Санок

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/