Javascript庫d3調用函數

Question

我無法理解d3.call（）如何工作以及何時何地使用它。 Here是我試圖完成的教程鏈接。

能有人請解釋具體是什麼，這一塊是做

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

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

Answer 1

我認爲這裏的關鍵是要明白，X軸是產生一堆SVG元素的功能。實際上它是由d3.svg.axis()返回的函數。 scale和orient函數只是鏈接語法的一部分（請閱讀更多內容：http://alignedleft.com/tutorials/d3/chaining-methods/）。

所以svg.append("g")將SVG組元素附加到svg中，並以選擇（相同鏈式語法在此處）的形式返回對自身的引用。當您在選擇中使用call時，您正在調用名爲xAxis的功能，選擇g的元素。在這種情況下，您正在新創建並附加的組g上運行軸功能xAxis。

如果仍然沒有意義，上面的語法相當於：

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

或：

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