Я получил эту переменную, которая помогает отображать 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
, чтобы показать их в отмеченной функции. Любые предложения будет приятно услышать. Заранее спасибо.