截斷d3中的文本

Question

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

我不知道怎么做。

這就是我現在擁有的：

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

僅當等級> 25時才顯示文本。如何截斷這些名稱的文本？

Answer 1

截斷文本使用substring

試試這段代碼：

DEMO

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