Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.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_Jquery_D3.js_Svg - Fatal编程技术网

Javascript d3.js树形图中的标记箭头对齐

Javascript d3.js树形图中的标记箭头对齐,javascript,jquery,d3.js,svg,Javascript,Jquery,D3.js,Svg,我正在使用d3.js绘制树形图。我有圆形节点,路径端点是圆的中心点。 我想为路径添加标记箭头,如果我在0标记正确对齐时给出refX和refY属性,但它将不可见,因为我的圆将重叠该属性。 我参考了[这个][2]问题,并据此计算了refX refY 但我仍然没有得到很好的箭头方向,当我拖动节点箭头时,会更加混乱 目前我使用的是noderadiusas 16和markerwidth和heightas 6(可配置) 我对同一棵树使用径向、水平和垂直视图。有谁能给我一个解决办法,画出这些箭头与正确的路线和

我正在使用
d3.js
绘制树形图。我有圆形节点,路径端点是圆的中心点。 我想为路径添加标记箭头,如果我在0标记正确对齐时给出refXrefY属性,但它将不可见,因为我的圆将重叠该属性。 我参考了[这个][2]问题,并据此计算了refX refY

但我仍然没有得到很好的箭头方向,当我拖动节点箭头时,会更加混乱

目前我使用的是
noderadius
as 16和
markerwidth
height
as 6(可配置)

我对同一棵树使用径向、水平和垂直视图。有谁能给我一个解决办法,画出这些箭头与正确的路线和方向


不强制布局树图可能重复。我试着把箭头放在节点旁边。不在中间。事实上,我也尝试过这个答案。但是marker mid属性不适用于Me您当前如何添加箭头?也许把你的代码放到小提琴里,这样我们就可以看一看了。我已经把代码放到小提琴里了。我想我找到了解决问题的临时方法。现在,我不再绘制节点圆中心之间的链接,而是将线限制到圆表面。现在它看起来方向正确。谢谢你的回复。。用fiddle更新了代码