在d3中截斷文本

Question

我想截斷超過d3中預定義限制的文本。

我不知道該怎麼做。

這是我現在有：如果等級> 25。如何可以截斷這些名稱的文本

node.append("text") 
    .attr("dx", 20) 
    .attr("dy", ".20em") 
    .text(function(d) { if(d.rating > 25) return d.name; })); 

文本時，才顯示？

Answer 1

要截斷文本使用substring

試試這個代碼：

DEMO

.text(function (d) { 
    if(d.name.length > 5) 
     return d.name.substring(0,5)+'...'; 
    else 
     return d.name;      
});