d3.js中圆形元素的更新半径

Question

我想更新力度指向图中圆形元素的半径，但是当我想选择d3.js对象时，出现错误undefined is not a function。

这里是svg元素的结构

Click事件，从而引发新的半径

$("#resizeN").on("click",function(){ 

    for (var i = 0; i < nodes.length; i++){ 
     var f = d3.select("svg #n" + (i+1).toString().attr("r", function (n){ 

      return 30 * graph.nodeSizeFactor; 
     })); 
    } 
}); 

complete sample

Answer 1

你在你的函数有一个放错地方的括号，它笑如下所示：

for (var i = 0; i < nodes.length; i++){ 
    var f = d3.select("svg #n" + (i+1).toString()).attr("r", function (n){ 

     return 30 * graph.nodeSizeFactor; 
    }); // moved it from here to before the .attr 
} 

但是，如果不理解代码的其余部分，这看起来并不像典型的“D3方式”。有没有一个普通的类可以应用到这些节点，然后用类似的东西来选择它们？

d3.selectAll('.mycircles').attr('r', function(d) { 
    return 30 * graph.nodeSizeFactor; 
});