使用 D3 选择 SVG

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元素之前被调用的。