Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/385.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 力定向布局_Javascript_Svg_Force Layout - Fatal编程技术网

Javascript 力定向布局

Javascript 力定向布局,javascript,svg,force-layout,Javascript,Svg,Force Layout,当我使用算法计算图的力定向布局时,其中“从1个节点开始”是10条或更多边,计算失败。 我猜这是因为计算的位置太大了,它被表示为“NaN” 输入数据: var g = new Graph("canvas", 960, 700 ); g.createVertex("a"); g.createVertex("a1"); g.createVertex("a2&qu

当我使用算法计算图的力定向布局时,其中“从1个节点开始”是10条或更多边,计算失败。 我猜这是因为计算的位置太大了,它被表示为“NaN”

输入数据:

var g = new Graph("canvas", 960, 700 );
            g.createVertex("a");
            g.createVertex("a1");
            g.createVertex("a2");
            g.createVertex("a3");
            g.createVertex("a4");
            g.createVertex("a5");
            g.createVertex("a6");
            g.createVertex("a7");
            g.createVertex("a8");
            g.createVertex("a9");
            g.createVertex("a10");
            g.createVertex("a11");
            g.createVertex("a12");
            g.createVertex("a13");
            g.createVertex("a14");
            g.createVertex("a15");
            g.createVertex("a16");


            g.createEdge("a","a1");
            g.createEdge("a","a2");
            g.createEdge("a","a3");
            g.createEdge("a","a4");
            g.createEdge("a","a5");
            g.createEdge("a","a6");
            g.createEdge("a","a7");
            g.createEdge("a","a8");
            g.createEdge("a","a9");
            g.createEdge("a","a10");
            g.createEdge("a","a11");
            g.createEdge("a","a12");
            g.createEdge("a","a13");
            g.createEdge("a","a14");
            g.createEdge("a","a15");
            g.createEdge("a","a16");
            g.go();
当我使用这些数据时,有时图形渲染没有问题,但大多数情况下它会中断

有人能帮我修一下吗?
谢谢。

在您提供的链接中,第三个示例类似于:

g.repulsion = g.repulsion / 8;
            g.spring_length = 1;
这显然使它更紧凑。因为,您想要展开图形,您可能应该像这样进行乘法:

g.repulsion = g.repulsion * 10;

尝试不同的数字,看看它是否有效。将来,我会建议使用更好的文档,比如D3.js。

我尝试使用不同的排斥值,但没有效果。现有一些将计算力定向和返回数据的库?或者简单地使用exmaple计算定向力?@1000Bugy如果你问D3.js是否可以计算定向力向量,我不确定。但是,你可以查看D3文档。