d3强制定向布局,基于数据类型的边界框

时间:2016-01-09 12:07:37

标签: javascript d3.js force-layout bounding-box

我在d3中有一个强制定向布局。在我的网络可视化中,我为网络中的每个扇区提供了唯一的数据类型。我该如何制作它以便为每个单独的数据类型而不是整个可视化计算边界框?

这是我设置边界框的地方。此外,我需要为每个扇区设置一个单独的边界框,而不仅仅是联邦节点。

    force.on("tick", function () {

    if ("[data-type]" === "Federal") {
    node.attr("cx", function(d) { return d.x = Math.max(200, Math.min(width - 0, d.x)); })
        .attr("cy", function(d) { return d.y = Math.max(20, Math.min(height - 10, d.y)); });      
    } {return}

    link.attr("x1", function (d) { return d.source.x; })
        .attr("y1", function (d) { return d.source.y; })
        .attr("x2", function (d) { return d.target.x; })
        .attr("y2", function (d) { return d.target.y; });

    node.attr("transform", function (d) {
        return "translate(" + d.x + "," + d.y + ")";
    });
});

});

以下是我的完整代码:http://plnkr.co/edit/QZ8chcsOj64oYJnIqz1J

0 个答案:

没有答案