Vis.js - 仅显示完成的网络图,没有动画,没有交互

时间:2017-04-28 12:11:15

标签: javascript vis.js vis.js-network

我对如何使用 Vis.js 只显示稳定图最终结果感到有点困难,没有任何稳定动画或互动的可能性。

是否有人可以将我推向正确的方向?

如果我完全禁用物理,图表会自然地显示所有节点与另一个节点重叠。

谢谢你!

编辑

以下是我对选项的代码:

Stabilization stabilization = new Stabilization();
stabilization.setFit(true);

BarnesHut barnesHut = new BarnesHut();
barnesHut.setGravitationalConstant(-23000);
barnesHut.setCentralGravity(0);
barnesHut.setSpringLength(0);
barnesHut.setSpringConstant(0.5f);
barnesHut.setDamping(1);
barnesHut.setAvoidOverlap(1);

Physics physics = new Physics();
physics.setEnabled(true);
physics.setBarnesHut(barnesHut);
physics.setSolver(Physics.Solver.barnesHut);

Smooth smooth = new Smooth();
smooth.setEnabled(false);
smooth.setType(Smooth.Type.continuous);
smooth.setRoundness(0);

Edges edges = new Edges();
edges.setSmooth(smooth);

Interaction interaction = new Interaction();
interaction.setDragNodes(false);

Options options = new Options();
options.setPhysics(physics);
options.setEdges(edges);
options.setInteraction(interaction);

请注意,此代码用于vis.js的包装,但选项应反映vis.js选项。

所以如果答案不包含任何Java代码,但实际的vis.js提示,我会将其映射到包装器实现。

1 个答案:

答案 0 :(得分:0)

似乎默认情况下禁用动画,方法是将stabilize选项设置为true。

如果您仍然看到动画,请尝试增加iterations选项,默认设置为1000

options.setStabilizationIterations(2000);

我使用最新版本的Vis.js(4.19)创建了simple demo。请记住,VisJs-Addon使用较旧的Vis.js(3.11)版本。