截断d3中的文本

时间:2014-02-14 03:33:47

标签: text d3.js graph-visualization

我想截断d3中超出预定义限制的文本。

我不知道该怎么做。

这就是我现在所拥有的:

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

仅在评分>时显示文字。 25.如何截断这些名称的文本?

1 个答案:

答案 0 :(得分:10)

要截断文字,请使用substring

试试这段代码:

DEMO

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