添加提示標籤

Question

我使用d3.svg.axis（）函數，以吸引我的條形圖的X軸。由於軸上的標籤可能很長，我需要將它們剪切（讓我們假設有四個字母），並將剩下的顯示爲工具提示。我想使用svg：title，因爲瀏覽器會負責顯示工具提示。 任何想法如何我可以實現這一點？如何在x軸上的每個標籤上添加標題元素？

非常感謝！

Answer 1

應該是簡單：

// tooltip 
d3.selectAll('.x.axis>.tick') // gs for all ticks 
    .append('title') // append title with text 
    .text(function(d){ 
    return d; 
}); 

here實施例。