D3js Treemap重定向无法正常工作

时间:2013-01-19 15:19:10

标签: csv d3.js

我对编码完全不熟悉,我在点击一个节点时尝试将重定向添加到网址,经过几天的搜索后我就完成了

    var svg = d3.select("body")
   .style("width", w + "px")
.style("height", h + "px")
 .append("svg:svg")
//.attr("width", w)
//.attr("height", h)
.append("svg:g")
.attr("transform", "translate(.5,.5)")
.on("click",function(){ window.open("new.html");});

我正在研究https://gist.github.com/1446865 但它不起作用你可以帮帮忙吗? 一个小的修改,我已经添加了.on(“点击”SVG变量,现在它正在工作,现在我需要URL作为d.key,但无法让它工作!

1 个答案:

答案 0 :(得分:0)

您可以使用this example中的a锚标记来包装链接元素。此示例的关键元素是以下构造:

<svg>
  <a xlink:href="http://www.w3.org">
    <ellipse cx="2.5" cy="1.5" rx="2" ry="1" fill="red" />
  </a>
</svg>