【问题标题】:Show a D3 SVG Within a Tooltip在工具提示中显示 D3 SVG
【发布时间】:2013-12-18 05:56:02
【问题描述】:

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

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

最好的方法是什么?

【问题讨论】:

    标签: javascript d3.js tooltip


    【解决方案1】:

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

    完整示例here。这显然可以做得更好,但它应该让你开始。

    【讨论】:

    • 太棒了,感谢您引导我朝着正确的方向前进。这就是我想出的:jsfiddle.net/nxC7d/4
    猜你喜欢
    • 1970-01-01
    • 2016-07-09
    • 2022-11-17
    • 1970-01-01
    • 1970-01-01
    • 2022-08-14
    • 2014-06-02
    • 2014-09-23
    • 2021-09-18
    相关资源
    最近更新 更多