截断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;                       
 });