我怎样才能修复工具提示对齐,以便工具提示显示在栏上方
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");
});
答案 0 :(得分:1)
要使工具提示显示在每个条形图上方,我将处理程序分别附加到每个条形图上: