Javascript 是否可以跳过D3 force布局中的初始转换?
我在这里使用了D3示例部队布局数据: 并将其转移到这个示例: 结果如下: 这很好,但我需要它能够处理数千个节点。我已经用大约3000台进行了测试,它需要好几分钟才能稳定下来。示例如下: 我发现了这个例子以及更多: 但我需要有他们的最终位置,因为我不想在一开始就有任何转变。这可能吗 它们如何定位的代码:Javascript 是否可以跳过D3 force布局中的初始转换?,javascript,d3.js,Javascript,D3.js,我在这里使用了D3示例部队布局数据: 并将其转移到这个示例: 结果如下: 这很好,但我需要它能够处理数千个节点。我已经用大约3000台进行了测试,它需要好几分钟才能稳定下来。示例如下: 我发现了这个例子以及更多: 但我需要有他们的最终位置,因为我不想在一开始就有任何转变。这可能吗 它们如何定位的代码: function tick(e) { circle .each(gravity(0.2*e.alpha)) .each(collide(.5)) .at
function tick(e) {
circle
.each(gravity(0.2*e.alpha))
.each(collide(.5))
.attr("cx", function(d) { return d.x; })
.attr("cy", function(d) { return d.y; });
}
// Move nodes toward cluster focus.
function gravity(alpha) {
return function(d) {
d.y += (d.cy - d.y) * alpha;
d.x += (d.cx - d.x) * alpha;
};
}
// Resolve collisions between nodes.
function collide(alpha) {
var quadtree = d3.geom.quadtree(data.nodes);
return function(d) {
// console.log(d.radius)
var r = d.radius + maxRadius + padding,
nx1 = d.x - r,
nx2 = d.x + r,
ny1 = d.y - r,
ny2 = d.y + r;
quadtree.visit(function(quad, x1, y1, x2, y2) {
if (quad.point && (quad.point !== d)) {
var x = d.x - quad.point.x,
y = d.y - quad.point.y,
l = Math.sqrt(x * x + y * y),
r = d.radius + quad.point.radius + (d.color !== quad.point.color) * padding;
if (l < r) {
l = (l - r) / l * alpha;
d.x -= x *= l;
d.y -= y *= l;
quad.point.x += x;
quad.point.y += y;
}
}
return x1 > nx2 || x2 < nx1 || y1 > ny2 || y2 < ny1;
});
};
}
功能勾选(e){
圆圈
.每个(重力(0.2*e.alpha))
.每个(碰撞(.5))
.attr(“cx”,函数(d){return d.x;})
.attr(“cy”,函数(d){返回d.y;});
}
//将节点移向群集焦点。
函数重力(α){
返回函数(d){
d、 y+=(d.cy-d.y)*α;
d、 x+=(d.cx-d.x)*α;
};
}
//解决节点之间的冲突。
函数碰撞(alpha){
var quadtree=d3.geom.quadtree(data.nodes);
返回函数(d){
//控制台日志(d.radius)
var r=d.半径+最大半径+填充,
nx1=d.x-r,
nx2=d.x+r,
ny1=d.y-r,
ny2=d.y+r;
四叉树访问(函数(四叉树,x1,y1,x2,y2){
if(quad.point&&(quad.point!==d)){
var x=d.x-四点x,
y=d.y-四点y,
l=数学sqrt(x*x+y*y),
r=d.radius+quad.point.radius+(d.color!==quad.point.color)*填充;
if(lnx2 | x2ny2 | y2
我发现了这个例子:
但是,在实施……时遇到了困难。您的示例对我来说很好:
setTimeout(function() {
force.start();
for (var i = n * n; i > 0; --i) force.tick();
force.stop();
}, 10);
并在force
定义后注释start()
请参阅:我通过思考force使事情变得复杂。tick调用了默认的tick函数,而不是记住我设置了它。on('tick',tick)。谢谢你指出这一点:)