我一直在尝试制作一种特定类型的力直接图,类似于此(http://bl.ocks.org/mbostock/950642):
但是,我不想拥有所有相同的图像,而是希望在图表上使用不同的图像来表示不同的信息。
我的第一步是能够将所有圆形图像更改为随机链接的形状。无论我试图在我的代码中实现什么,我刚刚消失的圆圈,而不是被不同的形状所取代。对这个问题的任何帮助都会很棒。这是代码。对不起,我也是这个网站的新手。
// nodes
var nodeSelecton = svg.selectAll(".node").data(nodes).enter().append("g").attr({
class : "node"
}).call(force.drag);
nodeSelecton.append("circle").attr({
r : nodeRadius
}).style("fill", function(d) {
return color(d.group);
});
nodeSelecton.append("svg:text").attr("text-anchor", "middle").attr('dy', ".35em").text(function(d) {
return d.name;
});
// Add a new random shape.
// nodes.push({
// type: d3.svg.symbolTypes[~~(Math.random() * d3.svg.symbolTypes.length)],
// size: Math.random() * 300 + 100