带有X轴工具提示的D3条形图

时间:2014-12-08 14:45:34

标签: javascript d3.js charts

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

如何将相同的工具提示添加到x轴,这样我可以显示一个说“b:32”的提示?

1 个答案:

答案 0 :(得分:3)

绑定数据并设置事件:

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

示例here