div中的工具提示响应 - 没有显示

Question

我想在html中的div上插入d3图表，但Tootlip无法正常工作或未在html中显示。我做错了什么？

code

<div id="mainTooltip" class="hidden">

Answer 1

我添加了一个新div并将你的代码包装在另一个div中，所以所有位置都保持相对于彼此

我必须添加的唯一新代码是：

  .on("mouseover", function(d) {

      d3.select("#centerTooltip")
        .classed("hidden", false)
        .html(d.data.str_lab + "<br />" + d.data.num);
  })

在div包装器中我添加了：

#all {
  margin:auto;
  width: 700px;
}

确保一切正确对齐。

这是代码的一个分支：Plunker