【问题标题】:Nodes with links are closer than nodes without links in force layout d3.js在强制布局 d3.js 中,有链接的节点比没有链接的节点更近
【发布时间】:2015-04-16 13:36:05
【问题描述】:

有链接的节点比没有链接的节点更接近,我如何保持它们之间的距离相同。这里是示例代码:

scope.force = d3.layout.force()
                        .gravity(.2)
                        .distance(100)
                        .charge(function(){
                            if(nodes.length > 20){
                                return -700;
                            }
                            return -2000;
                        })
                        .size([700, 700]); 

【问题讨论】:

    标签: d3.js force-layout


    【解决方案1】:

    也许你需要的是linkDistance?您可以将其设置为与您的 distance() 值 (100) 相同的值。

    scope.force = d3.layout.force()
                            .gravity(.2)
                            .distance(100)
                            .linkDistance(100)
                            .charge(function(){
                                if(nodes.length > 20){
                                    return -700;
                                }
                                return -2000;
                            })
                            .size([700, 700]); 
    

    【讨论】:

    • 嗨 vtosh,我试过这个解决方案,这个解决方案的布局表现得很奇怪。一个节点放置在一端,另一个连接的节点放置在非常奇怪的位置
    • 嗨 vtosh ,linkDistance 设置为 100 也不能解决问题。
    猜你喜欢
    • 2014-08-01
    • 1970-01-01
    • 1970-01-01
    • 2014-11-20
    • 2018-02-18
    • 2015-12-04
    • 2018-10-10
    • 2014-01-30
    • 1970-01-01
    相关资源
    最近更新 更多