将超链接属性指定给svg元素不起作用

时间:2015-10-21 16:40:27

标签: d3.js svg

我正在尝试按照本文的回答和评论中提出的建议:Hyperlinks in d3.js objects在d3.js气泡图中添加指向圈子的超链接。 Here's我正在尝试执行此操作,这是我要修改的原始bl.ock。正如您所看到的,我所做的就是以下内容:

  1. <html>标记替换为:<html xmlns:xlink="http://www.w3.org/1999/xlink">
  2. 在创建var node

    后立即插入此代码

    node.append("svg:a"). attr("xlink:href", function(d){return "http://www.google.com";});

  3. 我正在使用Chrome和Firefox来测试该页面,而且我也没有看到任何超链接。在对答案做出一些评论之后,我试过了:

    1. 删除html命名空间声明
    2. 使用node.append("a")
    3. 我没有看到任何这些选项的结果,但我一直在清理我的浏览器缓存并使用多台计算机来确保我看到了新的代码。 我做错了什么?

1 个答案:

答案 0 :(得分:1)

<a>没有内容,因此没有点击区域。您需要创建<a>个节点的子节点。