Выбор SVG с D3

Question

У меня есть следующие функции:

function myfunc(d) { 
    var svg = d3.select('.map-wrap svg'); 
    console.log('svg is:'); 
    console.log(svg); 

    // interesting stuff happens later ... 
} 

Я называю эту функцию на mouseover события. Вот код, который должен вызываться myfunc.

myChart.width(800) 
    .height(800) 
    .dimension(xDim) 
    .group(xDimGrp) 
    .projection(projection) 
    .colors(quantize) 
    .colorDomain(quantize.domain()) 
    .colorCalculator(function (d) { return d ? getColorClass(myChart.colors()(d)) : '#ccc'; }) 
    .overlayGeoJson(map.features, 'states', function (d) { 
     return d.properties.state; 
    }).on('mouseover', myfunc); 

Когда я распечатать svg я ожидаю увидеть это:

вместо этого, я вижу следующее:

Я вижу 0: null вместо 0: svg, почему это происходит? Как я могу выбрать SVG таким образом, чтобы дать мне то, что показано на первом снимке?

.map-wrap, как так:

Answer 1

Это было, как сказал Кирилл, после отладки лучше, я понял, что это было на самом деле вызывается перед созданием svg элемента.