在工具提示中显示D3 SVG

时间:2013-12-17 21:43:47

标签: javascript d3.js tooltip

我有以下jsfiddle:http://jsfiddle.net/nxC7d/1/

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

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

1 个答案:

答案 0 :(得分:1)

使工具提示成为浮动div(即位置fixed)并将SVG附加到该工具提示。另外,请保留对SVG的引用,以便您可以重复使用它,并且不会在每次点击时创建新的。

完整示例here。这显然可以变得更加漂亮,但它应该让你开始。