d3.js - データマップ内のコンテナへのコロプレス データマップのサイズ変更

Question

ダッシュボードを作成しようとしていて、ここから取得したコロプレス データマップを使用しました。

私の問題は、コンテナに収まるようにデータマップ グラフのサイズを変更しようとすると、適切にスケーリングされないことです。

マップをコンテナにスケーリングする方法

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');