javascript - D3条形图，X轴上带有工具提示

我正在使用D3条形图。当鼠标悬停在栏上时（来自http://bl.ocks.org/Caged/6476579），我可以显示工具提示。但是，在我的某些图表中，Y范围较大，有些具有较大的值，有些则较小，结果某些条形图的高度基本上为0。因此，我可能会有点（'a'，10245）和（'b'，32）。 “ 32”仍然很重要，但是我不能将其悬停在该栏上，因为它太小了。

如何在x轴上添加相同的工具提示，以便显示“ b：32”提示？

最佳答案

绑定数据并设置事件：

   d3.selectAll('.x .tick')
    .data(data)
    .on('mouseover', tip.show)
    .on('mouseout', tip.hide);

示例here。