强制定向布局的NaN附加在D3.js中

时间:2012-04-23 02:05:49

标签: javascript layout svg d3.js force-layout

我在D3中使用强制定向布局来抓取JSON文件中的数据,然后在双击其中一个节点时查询数据库以查找指向该节点的链接并更新链接和节点数组试图将新数据附加到viz。似乎在没有链接的情况下附加节点时,它们工作正常,但是到xy坐标的链接最终是NaN。你可以在这里看到效果,只需双击其中一个节点:

http://blockses.appspot.com/2432083

2 个答案:

答案 0 :(得分:8)

我通过重写代码来修复此问题,以遵循来自Bostock的附加示例的强制定向。当您覆盖节点和链接数组而不是将数据推送到它们时,似乎会出现问题,以防有人遇到类似的问题。

更新的代码在原始要点中,可以在这里看到:

http://blockses.appspot.com/2432083

答案 1 :(得分:0)

旧帖子,但我也遇到了这个问题,我的解决方案也有所不同。

我弄清楚了何时设置力的大小:

networkViewerVariables.force = d3.layout.force()
        .gravity(.05)
        .distance(50)
        .charge(-50)
        .size([forceWidth, forceHeight])

“ forceWidth”和“ forceHeight”变量为空。当我填充这些时,错误消失了。

希望能帮助到某人:)