我正在创建一个带有d3js的强制图形,下面是chrome检查器创建的html的一部分......
<g class="node" transform="translate(359.4649422050138,271.6235100935826)"><a xlink:href="/en/datasets/category/1/"><text dx="12" dy=".35em">general</text></a><circle r="11" style="fill: #aec7e8; fill-opacity: 1; stroke-opacity: 1; cursor: pointer;"></circle></g>
我正在添加以下代码的链接:
node.append("svg:a")
.attr("xlink:href", function(d) { return d.url; })
.append("text")
.attr("dx", 12)
.attr("dy", ".35em")
.text(function(d) {
if(d.group == 0) {
return ''
}
else{
return d.name;
}
});
但是g元素中的链接不起作用。我在网上搜索过,发现g标签内的标签是允许的。你有什么想法吗?