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

时间:2014-07-10 04:57:42

标签: javascript d3.js directed-graph

我正在为我的一个项目使用以下强制导向示例。

Example Link

在这里,我需要以下内容: - 突出显示" Microsoft"之间的路径。和#34;索尼"。

有可能吗?

请帮帮我。

2 个答案:

答案 0 :(得分: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类,具有突出显示所需的属性。 将鼠标悬停在特定行上时会突出显示。

您可以参考这里的小提琴作为示例:http://jsfiddle.net/prashant_11235/Ukb28/

答案 1 :(得分:0)

This question似乎有一个算法可以做你想要的,虽然它是用Java编码的。我不知道这是否会有所帮助。