2016-06-20 12 views
1

Sankey Diagramの右端のノードのラベルを、ノードの前に来るのではなく、ノードの後ろに移動しようとしています。私はhereのコードを使用しています。D3の最後のノードの後に​​テキストを追加Sankey diagram

私は

// add in the title for the nodes 
    node.append("text") 
     .attr("x", -6) 
     .attr("y", function(d) { return d.dy/2; }) 
     .attr("dy", ".35em") 
     .attr("text-anchor", "end") 
     .attr("transform", null) 
     .text(function(d) { return d.name + " ("+Math.round(d.value).toLocaleString('en') + ")"; }) 
    //.filter(function(d) { return d.x < width/2; }) 
     .attr("x", 6 + sankey.nodeWidth()) 
     .attr("text-anchor", "start"); 

以下のようにフィルタ機能ラインをキーアウトすることにより、ノードをフォローするテキストがしかし、今、このテキストは右マージンによって遮断され得ることができました。画面の幅を調整しても切り取られたままです。私は右のほとんどのノードが右の余白に行くコードがある行があると思われる。私は1)この行を見つけようとしている、2)これをノードではなくテキストに適用しようとしている。

+0

い変化 'VARマージン= {トップ:10、右:10、底部:10 、left:10} 'var margin = {top:10、right:10、bottom:10、left:30}'問題を修正しますか? –

答えて

1

変化これ

var margin = {top: 10, right: 10, bottom: 10, left: 10}, 

から右マージン:

var margin = {top: 10, right: 90, bottom: 10, left: 10}, 

ワーキングコードhere

+1

それは動作します。最初はコードの「幅」を修正しようとしましたが、明らかに余白関数を調べました。 – Danny

関連する問題