d3 переходные круги к значению json-данных

Question

Я пытаюсь настроить направленную ориентацию в d3, а мои узлы начинаются с начального радиуса в 0. Затем я хочу, чтобы пользователь мог нажать кнопку и радиус шкалы узлов до размера в соответствии с значением данных json. Когда я пытаюсь сделать это, однако, я получаю яваскрипта ошибку «Не удается прочитать свойство„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() try circles.transition()