d3过渡圈到json数据值

Question

我正在尝试在d3中设置强制导向的布局，并使节点的初始半径为0。然后，我希望用户能够按下按钮并使节点的半径按比例缩放带有json数据值。 但是，当我尝试执行此操作时，出现javascript错误“无法读取未定义的属性'FIELD4'。

这是json数据： https : //api.myjson.com/bins/2n7do

这是代码：

 // Update nodes. circles = circles.data(data); circles.exit().remove(); var nodeEnter = circles.enter().append("g") .attr("class", "node") .style("fill", function(d) { return color(d.FIELD5); }) .style("opacity", 0.75) .call(force.drag); nodeEnter.append("circle") .attr("r", 9) d3.select(circles).transition() .delay(3000) .duration(1000) .attr("r", function(d) { return d.FIELD4 * 0.000195 });; 

Answer 1

圈子是d3选择。 通过执行d3.select(circles)您可以选择选择。 我认为这是不正确的。 代替d3.select(circles).transition()尝试circles.transition()