0

问题：我从关联数组中提取的 HTML 链接没有作为链接应用，而是作为字符串应用，因此浏览器无法遍历 HTML 链接。

完整的可视化示例和代码：位于：http ://bl.ocks.org/Guerino1/6366020

数据：我有一个关联数组的 Javascript 数组。

  var densitySet = [
    { Name: "<a href=\"http:if4it.com\">IF4IT</a>", Total: 1000 },
    { Name: "Node2", Total: 1500 },
    .
    .
    .
    { Name: "Node3", Total: 700 },
    { Name: "Node27", Total: 1500 }
  ];

您会注意到第一个关联数组的第一个元素有一个数据元素，它是一个 HTML 链接。我想提取该链接并将其应用于我使用 D3 生成的 HTML 表格的单元格。

症状：当表格呈现时，完整的 HTML 路径呈现为字符串，而不是可遍历的 HTML 链接。

提取链接数据并将其应用于单元格的代码如下...

     var densityBodyDataRecords = d3.selectAll("#density_body_record").selectAll("tr.td")
      .data(function(d) { return densityKeys.map(function(k) { return d[k]; }); })
      .enter()
        .append("td")
          .attr("id", "density_body_data")
          //.text(function(d) { return d; })
          .text(function(d, i) {
            if(i < 2) { return d; } <------------------TEXT APPLIED HERE
          })
          .style("font-size", "10pt")
          .append("svg")
            .attr("width", function(d, i) {
              if(i == 0) { return 200; }
              else if(i == 1) { return 100; }
              else { return 500; }
            })
            //.attr("height", 15)
            .attr("height", function(d, i) {
              if(i < 2) { return 0; }
              else { return 15; }
            })
            .append("rect")
              .attr("height", 15)
              .style("fill", "Blue")
              .attr("width", function(d, i) {
                if(i == 2) { return (d/maxRelationshipValue)*100*5; }
        else { return 0; }
              });

非常感谢有关如何解决此问题的任何想法。

谢谢！

4

1 回答 1

1

如果您希望您的内容被解析为 HTML，您必须调用.html()，而不是.text().

于 2013-08-28T14:25:35.037 回答