工具提示没有显示d3.js

Question

我有简单的工具提示问题，但我找不到解决方案。 下面的代码绘制了一个圆环图。当用户鼠标悬停一段饼时，工具提示应该在甜甜圈中间弹出。但我不知道为什么它在这里不起作用。任何人都可以帮助指出问题吗？这是JSbins

如果我将第36行更改为d3.select(#pieChart)，则工具提示有效。但是，出于某些原因，我希望工具提示附加到svg。

非常感谢！

Answer 1

没有使用过JSBin，所以我使用了JSFiddle：https://jsfiddle.net/thatoneguy/0qgzLk2L/

你不能将div附加到svg，所以你必须像这样创建一个容器：

 var svgContainer = d3.select('#pieChart');

然后将svg附加到此：

var svg = svgContainer.append('svg')

现在使用容器作为工具提示：

var tooltip = svgContainer
      .append('div')