hyperlink - 将超链接添加到 d3.js 表格行和单元格

Question

如何向 d3 生成的表格行和/或单元格添加超链接？

如果我遵循与向矩形、线条和其他对象添加超链接相同的约定，那么在导入 xlink 命名空间之后，您附加一个 a 标记并设置超链接属性，然后附加您的想要的对象，像这样:

chartBody.selectAll("node")
    .data(dataset)
    .enter()
    .append("a")
    .attr("xlink:href", "http://stackoverflow.com")
    .append("line")
    ...

但是当您将故事中的角色从矩形或线条更改为表格行或单元格时，它不起作用...

tablebody.selectAll("row")
    .data(parsedtext)
    .enter().append("a")
    .attr("xlink:href", "http://stackoverflow.com")
    .append("tr")
    ...

Answer 1

啊，好的，那么我想你需要使用的是 selection.html，如:

var data = ['http://stackoverflow.com', 'http://d3js.org/']

var para = d3.select("body").append("p");

para.selectAll("p")
        .data(data)
        .enter()
        .append("p")
        .html(function(d,i){ return "<a href=\"" + d + "\">" + "site_" + i + "</a>"; });

我想您可能已经从这里了解了它，但这里是 selection.html api doc 的链接.基本上，这允许您附加(在本例中)一些 innerHTML 属性。鉴于我认为您正在做的事情，可能值得阅读该页面上的子选择部分。