顯示D3 SVG在提示框中

Question

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

當你點擊跨度元素，它的文本解析爲YAML，並將得到的數據用於通過D3創建一個餅圖。我的問題是，餅圖svg元素當前剛剛插入到正文中，並且我希望它在單擊span時出現在工具提示中。

完成此操作的最佳方法是什麼？

Answer 1

使工具提示浮動div（即位置fixed）並將SVG追加到該工具提示。另外，請保留對SVG的引用，以便您可以重複使用它，並且不要在每次單擊時創建一個新的。

完整示例here。這顯然可以更有趣，但它應該讓你開始。