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/

我错过了什么吗？