Canvas上的D3.js悬停在节点上以选择其链接

时间:2016-08-09 04:49:35

标签: javascript canvas d3.js highlight force-layout

首先,我已经看过几次这样的问题,但它们都基于SVG,类和CSS。我的目标是使用画布来解决这个问题,因为我的最终力量布局将使用1000多个节点而svg只是不会削减它。另外,我有编程背景,但总共n00b到d3。所以也许我只是错过了一些明显的东西。

这是我目前的代码: http://bl.ocks.org/gonzam88/3ff2f33975ca8258f4aa9484be4255ce

我想在mouseover上我必须循环所有链接并检查源或目标是否与当前节点匹配,但经过多次尝试后我不太清楚如何实现这一点,以及如何更改特定链接属性(何时不使用SVG)。

我觉得我很亲密,但不仅仅是那里:)

感谢您的阅读,希望我的英语还可以!

更新1

我设法检测到与悬停节点相关的链接,但是当我尝试更改其笔划时,它会更改图表中的每个笔划。

检查: http://blockbuilder.org/gonzam88/9d48b4346fadb6b719a9ce9efb98a899

在此示例中,我只希望每个组都更改为蓝线。但两个“团体”正在改变。 链接在第140行绘制,我的颜色功能在第57行。如何将笔触颜色设置为特定链接?

0 个答案:

没有答案