Ben d3.js <code>append</code> fonksiyon seçimi eklenen nesneyi döndüren düşünmüştü

Question

d3.js bu iki kod blokları arasındaki fark nedir, ama aşağıdaki iki kod blokları farklı sonuçlar verir bulmak:

var svg = d3.select("body") 
    .append("svg") 
     .attr("width", fig_width) 
     .attr("height", fig_height); 

    svg.append("g") 
     .attr("class", "graph") 
     .attr("transform", 
       "translate(" + graph_margin.left + "," + graph_margin.top + ")"); 

does

var svg = d3.select("body") 
    .append("svg") 
     .attr("width", fig_width) 
     .attr("height", fig_height) 
    .append("g") 
     .attr("class", "graph") 
     .attr("transform", 
       "translate(" + graph_margin.left + "," + graph_margin.top + ")"); 

: sol ve üst farkla ve mahsup, grafik grubunu çevirmek görünmüyor

.

Bu, SVG/d3.js'de çalışma şekli hakkında ne anlamıyorum?

Answer 1

Her iki kod bloğu da tam olarak aynı sonucu vermelidir.

Sanırım ek öğeler eklemek için svg kullanıyorsunuz - ilk durumda, svg öğesinin SVG öğesine ve ikinci olarak çevrilmiş g öğesinin olduğunu unutmayın. Yani, ilk durumda svg'a eklediğiniz herhangi bir şey tercüme edilmez (çünkü yeni elemanlar g öğesinde bulunmaz).