我怎样才能固定工具提示对齐方式
how could i get the tooltip alignment fixed
如何固定工具提示对齐方式,使工具提示显示在栏上方
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");
});
为了让工具提示显示在每个栏上方,我将处理程序分别附加到每个栏:
如何固定工具提示对齐方式,使工具提示显示在栏上方
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");
});
为了让工具提示显示在每个栏上方,我将处理程序分别附加到每个栏: