javascript - d3.js，点击链接到另一个用变量编码的URL

Question

我制作了一个散点图，并想为每个点添加一个链接。

    chart.selectAll("scatter-dots")
      .data(data)
      .enter().append("circle")
        .attr("cx", function (d) { return x(d.position[0]); } )
        .attr("cy", function (d) { return y(d.position[1]); } )
        .attr("r", 4)
        .style("fill", "#666")
        .style("opacity", 0.5)
    .on("click", function(){
        var url = "http://somelink.com/link.php?id=";
        url += d.link_id;
        //$(location).attr('href', url);
        //window.location = url;    
    });

如果我只放置纯字符串链接，例如window.location =“http://stackoverflow.com”但是，如果我将查询添加到变量的 URL 末尾，则页面不会重定向。

jquery 和 javascript 都不起作用(如评论所述。)

我也尝试了外部js文件，仍然失败。

这是一个 PHP 文件，如果有帮助的话。

Answer 1

如果它适用于静态字符串，则 d.link_id 有问题。尝试通过执行 alert(d.link_id) 来查看里面的内容，或者如果您使用 firebug 或类似的方法，则执行 console.log(d.link_id)。

或者，您应该使用真正的 anchor 来链接节点，而不是设置点击事件。这会像...

chart.selectAll("scatter-dots")
  .data(data)
  .enter()
  .append("a")
    .attr("xlink:href", function(d) {return "http://somelink.com/link.php?id=" + d.link_id})
    .append("circle")
      .attr("cx", function (d) { return x(d.position[0]); } )
      .attr("cy", function (d) { return y(d.position[1]); } )
      .attr("r", 4)
      .style("fill", "#666")
      .style("opacity", 0.5)

(我似乎不记得这是否是正确的方法，您可能需要将 anchor 保存在变量中，然后将圆圈附加到它们。)