-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 根本没有被调整大小。

那么我该如何使用 D3 来使用 jquery 呢？谢谢！

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 回答