我得到了这个变量,可以帮助在草图中显示link
和nodes
。
var link = svg.append("g")
.attr("class", "links")
.selectAll("line")
.data(d3GraphData.links)
.enter().append("line")
.attr("stroke-width", function(d) {
return Math.sqrt(d.value) * 3;
})
var node = svg.append("g")
.attr("class", "nodes")
.selectAll("circle")
.data(d3GraphData.nodes)
.enter().append("rect")
当我添加时:
.enter().append("text")
节点消失。我的ticked function
是:
function ticked() {
link
.attr("x1", function(d) {
return d.source.x*3.4;
})
.attr("y1", function(d) {
return d.source.y*3.4;
})
.attr("x2", function(d) {
return d.target.x*3.4;
})
.attr("y2", function(d) {
return d.target.y*3.4;
});
node
.attr("rx", function(d) {
if (d.type === "Customer") { return 100 } else { return 0 } })
.attr("ry", function(d) {
if (d.type === "Customer") { return 100 } else { return 0 } })
.attr("x", function(d) { return (d.x-2.5) * 3.4 })
.attr("y", function(d) { return (d.y-2.5) * 3.4 })
.attr("height", function(d) { return 20 })
.attr("width", function(d) { return 20 })
}
我正试图调用我的d.id
以在选中的函数中显示它们。任何建议都会很高兴听到。预先感谢。