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/

何か不足していますか？