在D3s x轴刻度标签上添加工具提示

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。