将等值数据映射调整为数据映射中的容器

Question

我正在尝试创建一个dashbord，我使用了here获得的choropleth数据图。

我的问题是，当我尝试调整数据图图表的大小以适应我的容器时，它没有正确缩放。

那么如何将地图缩放到

的容器中

width=100% and height = 450px.

希望你能帮我解决这个问题

Answer 1

使用d3获取容器的大小：

var containerw = d3.select(".containerclass").style("width');
var containerh = d3.select(".containerclass").style("height');

现在在svg上使用这些值：

var map = d3.select('.containerclass').append("svg").attr('class','map');

map.style('width',parseInt(containerw) + 'px').style('height',parseInt(containerh) + 'px');