Как разместить название узла слева или справа от узла в графе Данки d3?

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