Javascript D3.js工具提示定位

所以我试图在折线图上创建一个工具提示。我已经做到了

var tooltipDiv = d3.select('body')
    .append('div')
    .attr('class', 'tooltip')
    .style('opacity', 0);

在mouseover函数中，我这样做了-

tooltipDiv.transition()
    .duration(200)
    .style("opacity",0.9);
tooltipDiv.html(
        "<div class='tooltip-val'>" + d[model.get('lineTitle')] + "</div>" + 
        "<div class='tooltip-date'>" + date + "</div>"
    )
    .style("left", d3.event.pageX + "px")     
    .style("top", d3.event.pageY + "px"); 

tooltipDiv.transition（）
.持续时间（200）
.样式（“不透明度”，0.9）；
tooltipDiv.html(
“+d[model.get（'lineTitle'）]+”“+
“”+日期+“”
)
.style（“左”，d3.event.pageX+“px”）
.style（“top”，d3.event.pageY+“px”）；

但这会使div仅出现在左上角，而不会出现在鼠标事件发生的点附近

---

为什么？

你确认你得到了你想要的坐标了吗？是的，我看到了工具提示上对象的位置了吗？你可以发布一个完整的例子吗？另外，将

tooltipDiv

的位置设置为绝对，比如：

.style（“位置”，“绝对”）

。