2

ここの最初の例からこれをコピーして貼り付けました：http： //www.recursion.org/d3-for-mere-mortals/

<!DOCTYPE html>
<meta charset="utf-8">
<body>

<!--<script src="d3/d3.v3.js"></script>-->
<script src="/d3/d3.v3.js"></script>

<div>
    <script>

        var rectDemo = d3.select("#rect-demo").
                append("svg:svg").
                attr("width", 400).
                attr("height", 300);

        rectDemo.append("svg:rect").
                attr("x", 100).
                attr("y", 100).
                attr("height", 100).
                attr("width", 200);

        d3.selectAll("body").append(rectDemo) ;

    </script>
</div>


</body>

ページには何も表示されません。私はここで愚かなことをしていると確信していますが、これは私の最初の例であり、何が起こっているのか理解できません。

4

1 に答える 1

3

svgスクリプトは、（既存の）要素内に。を使用して追加された要素に長方形を描画しようとしid="rect-demo"ます。

<div>したがって、適切なid：を含むHTML要素（たとえば、 ）が必要です。

<div id="rect-demo"> </div>

このライブデモを参照してください：http：//jsbin.com/enisen/2/edit

于 2013-03-11T21:00:45.580 に答える