Question

尝试使用D3创建简单的svg画布，但是在控制台中查看元素没有显示出来。 D3似乎正在加载，因为当我键入d3时从控制台。我得到了D3中的选项和方法。但是没有绘制svg画布。我错过了什么？

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Basic Bar Chart</title>
        <style>     
        </style>
    </head>
    <body>
        <div id="chart"></div>
        <script src="d3.v3.js">

            var w = 500;
            var h = 500;

            function drawSVG(s) {
                var svg = d3.select("#chart")
                    .append("svg")
                    .attr("width",w)
                    .attr("height",h);

                console.log(s);
            }

            var sampleStr = "hello";

            drawSVG(sampleStr);

        </script>
    </body>
</html>

Answer 1

您已将代码放在script标记中，其源属性设置为下载D3：

<script src="d3.v3.js">
... your code is here
</script>

您需要将代码放在自己的script标记中：

<script src="d3.v3.js"></script>
<script>
... your code should go here
</script>

使用D3，页面上没有新元素

1 个答案: