Javascript Bibliothek d3 Anruf Funktion

Question

Ich bin nicht in der Lage zu verstehen, wie d3.call() funktioniert und wann und wo das zu verwenden. Here ist der Tutorial-Link, den ich versuche zu vervollständigen.

Kann erklären bitte jemand speziell, was dieses Stück

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

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

Answer 1

Ich denke, der Trick hier ist zu verstehen, tut das xAchse eine Funktion, die eine Reihe von SVG-Elemente erzeugt. Tatsächlich ist es die Funktion, die von d3.svg.axis() zurückgegeben wird. Die Skalierungs- und Orientierungsfunktionen sind nur ein Teil der Verkettungssyntax (lesen Sie mehr dazu hier: http://alignedleft.com/tutorials/d3/chaining-methods/).

Also fügt svg.append("g") ein SVG-Gruppenelement an die SVG an und gibt einen Verweis auf sich selbst in Form einer Auswahl zurück (die gleiche Kettensyntax wird hier verwendet). Wenn Sie call für eine Auswahl verwenden, rufen Sie die Funktion xAxis für die Elemente der Auswahl g auf. In diesem Fall führen Sie die Achsenfunktion xAxis in der neu erstellten und angehängten Gruppe g aus.

Wenn das immer noch nicht sinnvoll, die Syntax oben äquivalent zu:

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

oder:

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