我怎么能修复工具提示对齐

时间:2016-05-12 22:00:05

标签: d3.js nvd3.js

我怎样才能修复工具提示对齐,以便工具提示显示在栏上方

http://jsbin.com/mutirodawa/edit?html,output

 bar
   .on("mousemove", function(d) {
     divTooltip.style("right", d3.event.pageX + 30 + "px");
     divTooltip.style("top", d3.event.pageY + 45 + "px");
     divTooltip.style("display", "inline-block");
     var x = d3.event.pageX,
       y = d3.event.pageY
     var elements = document.querySelectorAll(':hover');
     l = elements.length
     l = l - 1
     elementData = elements[l].__data__
     divTooltip.html(elementData.name + "<br>" + elementData.value);
   });
 bar
   .on("mouseout", function(d) {
     divTooltip.style("display", "none");
   });

1 个答案:

答案 0 :(得分:1)

要使工具提示显示在每个条形图上方,我将处理程序分别附加到每个条形图上:

http://jsbin.com/pixicunasi/1/edit?html,js,output