2017-07-31 19 views
1

私は力の有向グラフの例から作業しています。NVD3 - angle-nvd3を使用してリンクに矢頭を追加する方法

krispo /アンギュラnvd3 /ブロブ/ GH-ページ/ JS/forceDirectedGraph.js

私は方向を示すために、各リンクに矢印の頭を追加できるようにどのように私は、このコードを変更するのでしょうか?

$scope.options = { 
    chart: { 
     type: 'forceDirectedGraph', 
     height: 450, 
     width: (function(){ return nv.utils.windowSize().width })(), 
     margin:{top: 20, right: 20, bottom: 20, left: 20}, 
     color: function(d){ 
      return color(d.group) 
     }, 
     nodeExtras: function(node) { 
      node && node 
       .append("text") 
       .attr("dx", 8) 
       .attr("dy", ".35em") 
       .text(function(d) { return d.name }) 
       .style('font-size', '10px'); 
     } 
    } 
}; 

出力はより多くのこのような何かに見えるように:FDGの矢じりなどのマーカーを追加

http://bl.ocks.org/tomgp/d59de83f771ca2b6f1d4

を。ここで

​​

がこの角度-nvd3の問題であるように見えます

http://plnkr.co/edit/rEOMRRnHx1UUj4Lu5Jui?p=preview

答えて

関連する問題