放hellip（...）來這是巴內部在d3.js

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;文本溢出：省略號;」 - 這會自動截斷並添加省略號文本溢出。

對於短槓而言，將文本輸出，並將…添加到字符串末尾。