Javascript 在工具提示中显示D3 SVG

Javascript 在工具提示中显示D3 SVG,javascript,d3.js,tooltip,Javascript,D3.js,Tooltip,我有以下JSFIDLE: 单击span元素时,其文本被解析为YAML,生成的数据用于通过D3创建饼图。我的问题是饼图svg元素当前刚刚插入到主体中,我希望它在单击span时出现在工具提示中 实现这一点的最佳方法是什么?将工具提示设置为浮动的div(即位置固定的),并将SVG附加到该位置。另外,保留对SVG的引用,以便可以重用它,而不是每次单击都创建一个新的SVG 完整的例子。这显然可以让你更喜欢,但它应该让你开始。太棒了,谢谢你指导我朝着正确的方向前进。这就是我想到的:

我有以下JSFIDLE:

单击span元素时,其文本被解析为
YAML
,生成的数据用于通过
D3
创建饼图。我的问题是饼图
svg
元素当前刚刚插入到主体中,我希望它在单击
span
时出现在工具提示中


实现这一点的最佳方法是什么?

将工具提示设置为浮动的
div
(即位置
固定的
),并将SVG附加到该位置。另外,保留对SVG的引用,以便可以重用它,而不是每次单击都创建一个新的SVG


完整的例子。这显然可以让你更喜欢,但它应该让你开始。

太棒了,谢谢你指导我朝着正确的方向前进。这就是我想到的: