Усекать текст в 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;      
});