Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/412.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.js拖放、可缩放、平移、可折叠树,可自动调整大小-需要更改方向_Javascript_D3.js - Fatal编程技术网

Javascript D3.js拖放、可缩放、平移、可折叠树,可自动调整大小-需要更改方向

Javascript D3.js拖放、可缩放、平移、可折叠树,可自动调整大小-需要更改方向,javascript,d3.js,Javascript,D3.js,我已经设法让这个D3工作,但现在我需要改变方向,从左到右,从上到下 我看了一眼,试着改变周围的X,Y坐标,但没有多少乐趣。我设法使节点垂直堆叠,但节点链接仍然垂直,节点之间的间距完全关闭,并且它们重叠。尝试以下示例: var diagonal=d3.svg.diagonal() .投影(功能(d){ 返回[d.y,d.x]; }); var diagonal=d3.svg.diagonal() .投影(功能(d){ 返回[d.x,d.y]; }); 我认为这个模型不容易在不同方向之间

我已经设法让这个D3工作,但现在我需要改变方向,从左到右,从上到下

我看了一眼,试着改变周围的X,Y坐标,但没有多少乐趣。我设法使节点垂直堆叠,但节点链接仍然垂直,节点之间的间距完全关闭,并且它们重叠。

尝试以下示例:

var diagonal=d3.svg.diagonal() .投影(功能(d){ 返回[d.y,d.x]; });

var diagonal=d3.svg.diagonal() .投影(功能(d){ 返回[d.x,d.y]; });


我认为这个模型不容易在不同方向之间移动——一旦movedI检查链接,它需要完全不同的计算来隔开节点。节点文本聚集在链接的底部,在我的代码中也是如此。要使它均匀分布,并使所有其他功能正确运行(缩放、平移等),需要对代码进行详细的演练,我没有太多JS经验。我希望我错过了一些简单的转换布局的东西,但它似乎比这更复杂。对于间距问题,请使用分隔,nodeSize。。。。d3.layout.tree().nodeSize([50,80]).separation(函数(a,b){return(a.parent==b.parent?1:2);});