D3的.CALL（）傳遞不正確地選擇在當前選擇的div

Question

http://jsfiddle.net/kWhF7/6/

的開始的選擇是div容器元素。

function chart(selection) 
{ 
    createSVGCanvas(selection)// <---- Works 
    //selection.call(createSVGCanvas) // <---- Doesn't Work 
    .call(calculateScales) 
    .call(dataLayer) 

    return this; 
} 

function createSVGCanvas(selection) 
{ 
    //This properly returns an svg element, but in the broken version 
    // the NEXT .call'd function (calculateScales), has a selection of the 
    // div#svg_canvas, NOT the svg. 

    return selection.append("svg") 
     .attr("width", config.width) 
     .attr("height", config.height); 
} 

在我看來，噹噹前選擇是一個div（或不是一個SVG元素），則D3的.CALL功能似乎到了錯誤的元素傳遞給下一個.CALL功能。

我完全可以使用工作版本，但破損的版本看起來更像是一種d3編碼風格。

任何解釋爲什麼下一個.Call函數接收div而不是svg？

Answer 1

從documentation：

調用操作總是返回當前的選擇，無論指定函數的返回值。

也就是說，您的預期用途明確無效。 jsfiddle中未註釋的代碼是正確的方式。