5

だから私はd3.jsを始めたばかりで、JavaScriptエラーが発生し続けますが、その理由はわかりません。svgで3つの円を作成したところ、d3でそれらを選択したいと思います。これが私のコードです：

<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script src="http://d3js.org/d3.v3.min.js"></script>
    <script type="text/javascript"></script>        
</head>
<body>
    <svg width="360" height="180">
        <circle class="little" cx="180" cy="45" r="12"></circle>
        <circle class="little" cx="60" cy="90" r="12"></circle>
        <circle class="little" cx="300" cy="135" r="12"></circle>
    </svg>
    <script type="text/javascript">
        var circle = svg.selectAll("circle");
    </script>
</body>
</html>

これは、ページ上の円を選択して操作できるようにすることになっていますが、Webコンソールでsvgが定義されていないという参照エラーが発生し続けますか？しかし、入門チュートリアルでは、svgの定義については何も述べていませんか？

4

1 に答える 1

8

を使用する前に、実際に最初にsvg要素を選択する必要がありますsvg.selectAll。

var svg = d3.select(document.getElementById('sampleSVGId')),
    circle = svg.selectAll('circle');
于 2013-03-26T17:48:07.883 に答える