0
tspan
〜g
要素をdに含まれる属性に応じて追加します。d3のデータの属性に応じて、tspanをg要素に動的に追加します。
var nodes = tree.nodes(root).reverse(), links = tree.links(nodes);
nodes.forEach(function(d) { d.y = d.depth * 180; });
var node = svg.selectAll("g.node") .data(nodes, function(d) { return d.id || (d.id = ++i); });
var nodeEnter = node.enter().append("g") .attr("class", "node") .attr("transform", function(d) {
return "translate(" + d.y + "," + d.x + ")"; });
nodeEnter.selectAll('g.user-info')
.append('tspan');//how can i dynamically add tspan to g
私は次のことを試してみました:
nodeEnter.selectAll('g.user-info')
.append('tspan',function(d){ if d.id==1 return " " else return "tspan"});/
しかし、それは与えられた条件のtspan
かかわらずを追加すると、それは、動作しません。
ノードの色を表示したい人の役割に基づく例 – jonny
@jonny、更新された回答を参照してください。 – Mark