javascript - D3 js Force Directed Graph - 突出显示两点之间的路径

Question

我在我的一个项目中使用以下力定向示例。

Example Link

在这里，我需要类似的东西: - 突出显示“Microsoft”和“Sony”之间的路径。

这可能吗？

请帮助我。

Answer 1

您需要向强制布局中的行添加鼠标悬停监听器，并添加提供突出显示的自定义 css 类，如下所示:

link.on('mouseover', function(d, i){
   d3.select(this).classed('mouseover', true);
})
.on('mouseout', function(d, i){
    d3.select(this).classed('mouseover', false);
});

mouseover 是一个 CSS 类，具有突出显示所需的属性。 当您将鼠标悬停在特定行上时，会发生突出显示。

您可以引用这里的 fiddle 示例:http://jsfiddle.net/prashant_11235/Ukb28/