javascript - 画面いっぱいにd3 svg

Question

このページの d3 svg ビジュアライゼーションを画面いっぱいに表示しようとしています。

私のファイルの HTML は空の div です:

<div id='d3'>
</div>

ページが読み込まれると、次の情報が入力されます。

<svg width="1390" height="475"><g transform="translate(55,55)"> … </g></svg>

この幅と高さを事前に微調整して、ページを埋めるにはどうすればよいですか?

Answer 1

画面をsvgで埋めたい場合は、おそらくこれを行うことができます：

  var width = $(window).width();
  var height = $(window).height(); 

  var svgContainer = d3.select("#d3").append("svg")                                  
    .attr("width", width)
    .attr("height", height);

Answer 2

D3初心者です！したがって、これ以上の情報を提供することはできません..しかし、最初に幅を取得してからプラグインするために使用できるこのJQuery Answerを見つけました。

https://stackoverflow.com/a/1038765/709872

どうやらJQueryがないと、もっと複雑になります! これがあなたを正しい方向に向けることを願っています。