答案 0 :(得分:2)
该示例中的每个邻域都有一个<g>
元素,其类为group
。
// Add a group per neighborhood.
var group = svg.selectAll(".group")
.data(layout.groups)
.enter().append("g")
.attr("class", "group")
.on("mouseover", mouseover);
这是附加文本标签和端点路径的元素。
// Add the group arc.
var groupPath = group.append("path")
.attr("id", function(d, i) { return "group" + i; })
.attr("d", arc)
.style("fill", function(d, i) { return cities[i].color; });
// Add a text label.
var groupText = group.append("text")
.attr("x", 6)
.attr("dy", 15);
您也可以使用svg <image>
元素将每个图像附加到此组。例如,如果您的数据集包含图像的网址,则可以执行以下操作:
var groupImage = group.append("image")
.attr("xlink:href", function(d) {return d.image_url;})