D3樹佈局添加「標題」葉節點只

Question

我可以在樹中添加title到所有節點與

node.append("svg:title").text(function(d) { return d.name + " " + d.size }); 

我如何可以添加title只對葉子節點？

我想：

node.selectAll('g.leaf.node text').text("title", function(d) { return d.name + " " + d.size }); 

但這並沒有工作。與冠軍

例如所有節點

http://jsfiddle.net/chrisloughnane/EcU2c/

Answer 1

。您可以檢查當前節點是否有任何兒童和添加標題，只有當它沒有。該代碼將是

node.append("svg:title").text(function(d) { 
    return d.children ? "" : d.name + " " + d.size; 
}); 

請注意，您同樣可以設置一個g.leaf.node類，這樣你可以在所有的葉子，如果你有幾件事情是專用於它們更容易操作。