Javascript 将工具提示添加到D3冰柱视觉（可观察）

我正在D3 Observable上使用Icclevisual。我需要添加一个工具提示，以便它比本机浏览器版本运行得更快，看起来更好

我试过这个：

  var tooltip = d3.select("body")
    .append("div")
    .style("opacity", 0)
    .attr("class", "tooltip")
    .style("background-color", "white")
    .style("border", "solid")
    .style("border-width", "1px")
    .style("border-radius", "5px")
    .style("padding", "10px");

    var mouseover = function(d) {
    tooltip
      .style("opacity", 1)
    };

  var mousemove = function(d) {
    tooltip
      .html("hello")
      .style("left", (d3.mouse(this)[0]+90) + "px")
      .style("top", (d3.mouse(this)[1]) + "px")
  };

  var mouseleave = function(d) {
    tooltip
      .transition()
      .duration(200)
      .style("opacity", 0)
  };

并将事件添加到rect：

.on("mouseover", mouseover)
.on("mousemove", mousemove )
.on("mouseleave", mouseleave)

---

当您将鼠标悬停在视觉对象的矩形上时，根本不会显示任何内容。元素可以附加到D3中的主体上吗

您是否有其他代码、JSFIDLE或您自己的可观察笔记本？到底是什么问题？它出现了，但它放错了位置或格式不正确？我也遇到过类似的问题，但没有看到您的所有代码，很难准确诊断您是否有其他代码、JSFIDLE或您自己的可观察笔记本？到底是什么问题？它出现了，但它放错了位置或格式不正确？我有过类似的问题，但没有看到所有的代码，很难准确诊断