d3将节点作为图像

Question

使用这个http://bl.ocks.org/950642,我们可以看到如何向节点添加图像,现在的问题是如何根据json数据在节点上添加不同的图像,例如,如果它有值组:0在该节点上有一个图像,其中group:1个节点将有另一个图像.因为我可以看到节点的创建由json进行,并且它将相同的类添加到所有节点,因此可以根据json数据将其更改为具有不同的图像.

Answer 1

将"xlink:href" 属性定义为数据的函数而不是常量.例如:

// A map from group ID to image URL.
var imageByGroup = {
  "0": "red.png",
  "1": "green.png"
};

// Set the xlink:href attribute dynamically by looking up the URL.
image.attr("xlink:href", function(d) {
  return imageByGroup[d.group];
});