d3转换为json数据值

d3 transition circles to a json data value

本文关键字：数据 json 转换 d3      更新时间：2023-09-26

我正试图在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 });;

圆形是d3选择。通过执行d3.select(circles)，您可以选择选择。我认为这是无效的。尝试circles.transition() 而不是d3.select(circles).transition()

相关文章：