如何將節點標題放置在d3 Sankey圖形中的節點的左側或右側？

Question

下面是我所指的示例： http://bl.ocks.org/d3noob/c9b90689c1438f57d649

第二級節點的標題是他們的右邊。我如何將它們放置在節點的左側？請幫忙。

Answer 1

這就是你如何使節點的文本。

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; }) 
     .filter(function(d) { return d.x < width/2; }) 
     .attr("x", 6 + sankey.nodeWidth()) 
     .attr("text-anchor", "start"); 

爲了使在右側的文本總是這樣：上面顯示

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; }) 
    //.filter(function(d) { return d.x < width/2; }) //COMMENT THIS LINE 
     .attr("x", 6 + sankey.nodeWidth()) 
     .attr("text-anchor", "start"); 

註釋行，以便它不過濾的節點>寬度SVG的一半。

工作代碼here