Funkcja biblioteki wywoływania biblioteki d3

Question

Nie jestem w stanie zrozumieć, jak działa d3.call() oraz kiedy i gdzie go użyć. Here jest linkiem samouczka, który próbuję ukończyć.

Czy ktoś mógłby wyjaśnić, co konkretnie ten kawałek robi

var xAxis = d3.svg.axis() 
       .scale(xScale) 
       .orient("bottom"); 

svg.append("g").call(xAxis); 

Answer 1

myślę Sztuką jest, aby zrozumieć, że OśX to funkcja, która generuje kilka elementów SVG. W rzeczywistości jest to funkcja zwrócona przez d3.svg.axis(). Funkcje skalowania i orientowania są tylko częścią składni łańcuchów (czytaj więcej tutaj: http://alignedleft.com/tutorials/d3/chaining-methods/).

Tak więc svg.append("g") dołącza element grupy SVG do svg i zwraca odniesienie do niego w formie selekcji (ta sama składnia łańcucha działa tutaj). Kiedy używasz call w zaznaczeniu, wywołujesz funkcję o nazwie xAxis na elementach zaznaczenia g. W tym przypadku uruchamiasz funkcję osi, xAxis, w nowo utworzonej i dołączonej grupie, g.

Jeśli to nadal nie ma sensu, składnia powyżej jest równoznaczne z:

xAxis(svg.append("g")); 

lub:

d3.svg.axis() 
     .scale(xScale) 
     .orient("bottom")(svg.append("g"));