d3.js - 如何使等值线居中？

Question

我使用 dc choropleth 图并希望使其具有响应性，因此宽度和高度会根据容器自动调整。我的地图来自西欧，大致呈正方形。

var width=450;
var projection = d3.geoEquirectangular()
  .center([37,47]) 
  .scale(width*1.3);
var geojson=topojson.feature(europe,europe.objects.countries);
var graph = dc.geoChoroplethChart(dom)
.height(width)
.width(width)
.projection(projection)
.overlayGeoJson(geojson.features,"countries",function(d){return d.id})
...

当我处于固定大小（450）时它工作正常，但如果我调整它，地图不再居中，我必须手动调整。

我尝试了 fitExtend 功能，但也无法正常工作。

理想情况下，我想应用变换来截断东部（删除土耳其的一部分）和西部的地图并调整大小，使其正确地以西欧为中心（50°7′2.23″N 9 °14′51.97″E 用于我的手动调整）。

知道怎么做吗？

标签： d3.jsgeojsondc.js