d3.jsのバーの内側にあるテキストにhellip（...）を挿入します

Question

バーがあり、現在テキストがバーに収まらない場合は現在行っていますバー。バーに収まらない場合

d3.selectAll('.c3-text') 
     .each(function(d){ 
     var self = d3.select(this), 
     width = +d3.select('.c3-zoom-rect').attr('width'); 
     if (+self.attr('x') + self.node().getComputedTextLength() > width){ 
     self.attr('x', '5'); 
     } 
}); 

は今、私はテキストをしたい、省略記号（...）を添加し、そしてテキストがバーの幅にカットされます。

バーが非常に小さいときは、テキストを省略し、省略記号を画面の遠端に配置する必要があります。

ありがとうございました。長いバーの

https://jsfiddle.net/e00vfofo/

Answer 1

スタイルやCSSの「オーバーフローを使用：隠されたが、ホワイトスペース：nowrap;テキストオーバーフロー：省略記号; - オーバーフローするテキストに省略記号を自動的に切り捨てて追加します。

短いバーの場合は、すでに行っているとおりにテキストを取り出し、…を文字列の末尾に追加します。