Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/377.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 如何在D3中缩放和平移到力中心有向图_Javascript_Graph_D3.js_Force Layout - Fatal编程技术网

Javascript 如何在D3中缩放和平移到力中心有向图

Javascript 如何在D3中缩放和平移到力中心有向图,javascript,graph,d3.js,force-layout,Javascript,Graph,D3.js,Force Layout,我正在寻找一种方法来应用缩放,以适应力定向图。我已经能够放大/缩小视图屏幕上的图形。我不确定力定向图中心的平移。有什么帮助吗?如果您已经在使用缩放行为来适应屏幕中的图形,那么使用相同的行为进行转换应该不难。找到中心有点难,但对于力导向布局,您可能不需要计算图形的质心-只需平均节点的所有x和y坐标。calculateTranslation:function(x,y){//获取缩放变量scale=Graph.Zoompos;//根据缩放和视口变量scaledCenterX=(Graph.width/

我正在寻找一种方法来应用缩放,以适应力定向图。我已经能够放大/缩小视图屏幕上的图形。我不确定力定向图中心的平移。有什么帮助吗?

如果您已经在使用缩放行为来适应屏幕中的图形,那么使用相同的行为进行转换应该不难。找到中心有点难,但对于力导向布局,您可能不需要计算图形的质心-只需平均节点的所有x和y坐标。

calculateTranslation:function(x,y){//获取缩放变量scale=Graph.Zoompos;//根据缩放和视口变量scaledCenterX=(Graph.width/scale)/2计算中心;var scaledCenterY=(Graph.height/scale)/2;//计算平移向量var panx=-(x-scaledCenterX);var pany=-(y-scaledCenterY);console.log(panx+“”+pany);//设置转换向量和缩放d3.zoom.translate([panx,pany]);}