小编use*_*788的帖子

避免d3.js中树布局中的节点重叠

我创建了一个可折叠树来表示一些生物数据.

在此树中,节点的大小表示节点的重要性.由于我拥有庞大的数据,并且节点的大小也各不相同,因此它们相互重叠.我需要指定兄弟节点之间的距离.

我尝试了tree.separation()方法,但它没有用.

代码如下:

tree.separation(seperator);

function seperator(a, b)
{
    if(a.parent == b.parent)
    {
        if((a.abundance == (maxAbd)) || (b.abundance == (maxAbd)))
        {
            return 2;
        }
        else
        {
            return 1;
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

这让我错误说:

Unexpected value translate(433.33333333333337,NaN) parsing transform attribute.
Run Code Online (Sandbox Code Playgroud)

我知道在添加分离方法后,它无法计算节点的x坐标.任何人都可以帮我解决这个问题吗?

我也尝试按照https://groups.google.com/forum/#!topic/d3-js/7Js0dGrnyek中的建议修改源代码,但这也无效.

请提出一些解决方案.

tree hierarchy nodes d3.js

3
推荐指数
1
解决办法
6313
查看次数

标签 统计

d3.js ×1

hierarchy ×1

nodes ×1

tree ×1