如何将节点标题放置在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