javascript - dc.js 将 GeoChoroplethChart 拉伸到全屏

Question

我正在尝试使用 d3.geoChoroplethChart 创建世界地图。我的问题是我无法将其拉伸到全屏。我正在设置图表的宽度，而 svg 正在接受设置，但底层的 g 元素没有。我假设它使用投影和设置的宽度来计算它的大小。

我正在使用的投影

var projection = d3.geo.mercator()
            .center([0, 55])
            .scale(180);

这是图表代码

mapChart.width(2000)
                .height(1000)
                .dimension(countryDim)
                .group(countryDimGroup)
                .colors(d3.scale.quantize().range(["#E2F2FF", "#C4E4FF", "#9ED2FF", "#81C5FF", "#6BBAFF", "#51AEFF", "#36A2FF", "#1E96FF", "#0089FF", "#0061B5"]))
                .projection(projection)
                .valueAccessor(function(d) { return d.value; })
                .overlayGeoJson(africaJson.features, "Countries", function(d) {
                    return d.properties.admin.toUpperCase();
                });

我从这里使用geoJSON http://geojson-maps.kyd.com.au/

我错过了什么吗？