D3线/路径/标记位置

Question

说我有下面的网络路径/图表jsFiddle

我有固定我的泡沫，这是10和Itell的半径在那里把箭头头部就行 - .attr("refX", 27) .attr("refY", 5)。

说我有不同的气泡尺寸，如果气泡尺寸超过10，显然它会隐藏我的箭头。是否有人可以明确地（最好用一个改变的例子）解释我怎样才能有效地检查气泡的大小，改变箭头的位置或缩短线/路径/连接器的长度，并将箭头放在线/路径/连接器？

感谢您的时间和帮助

Answer 1

嘿，我已经更新了一些代码，请检查您捣鼓出

FIDDLE

d3.select("#arrow").attr("viewBox", "0 0 10 10") 
          .attr("refX", 27) 
          .attr("refX", function (d) { console.log(d) 
          $('circle').each(function(){ 
          if($(this).attr('r')>5) 
          { 
          return d3.select(this).attr("refY",5); 
          } 
          else 
          { 
          //return some value 
          } 
          }); 

                 }) 
          .attr("refY", 5) 
          .attr("markerUnits", "strokeWidth") 
          .attr("markerWidth", 8) 
          .attr("markerHeight", 6) 
          .attr("orient", "auto") 
          .style("stroke", "#ccc") 
          .append("svg:path") 
          .attr("d", "M 0 0 L 10 5 L 0 10 z");