-1

jquery では簡単です。次の手順を実行してください。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<body style="margin: 0; padding: 0">
<div id="test" style="background: black"></div>
</body>

<script>
$('#test').width($(window).width());
$('#test').height("100%");
</script>

デモ:

http://www.frostjedi.com/terra/scripts/demo/fullsize-jquery.html

しかし、D3 では、それは私にはあまり明確ではありません。これが私がやっていることです:

<script src="http://d3js.org/d3.v3.min.js"></script>
<body style="margin: 0; padding: 0">
<div id="test" style="background: black"></div>
</body>

<script>
d3.select("#test").attr("width", window.innerWidth);
d3.select("#test").attr("height", "100%");
</script>

デモ:

http://www.frostjedi.com/terra/scripts/demo/fullsize-d3.html

divのサイズがまったく変更されていないようです。

では、jquery で行っていることを D3 で行うにはどうすればよいでしょうか。ありがとう!

4

2 に答える 2

2

jquery は CSS の高さを設定しています。次の方法で d3 で同じことを達成できます。

d3.select("#test").style("height", "100%");
于 2013-04-07T07:36:42.037 に答える
0

css を使用してこれを行うことができます。css ファイルで:

#fullScreen{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background-color:#000;
}

そしてhtmlファイルで:

<body>
    <div id="fullScreen"></div>
</body>
于 2013-04-07T07:27:11.220 に答える