首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用D3的页面上没有新元素

使用D3的页面上没有新元素
EN

Stack Overflow用户
提问于 2018-02-01 19:49:33
回答 1查看 13关注 0票数 0

尝试使用D3创建简单的svg画布,但查看控制台中的元素时什么也没有显示。d3似乎正在加载,因为当我输入D3时,它会从控制台加载。我得到了D3中可用的选项和方法。但是没有绘制svg画布。我遗漏了什么?

代码语言:javascript
运行
复制
<!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>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-02-01 19:57:58

您已经将代码放在源属性设置为download D3的script标记中:

代码语言:javascript
运行
复制
<script src="d3.v3.js">
... your code is here
</script>

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

代码语言:javascript
运行
复制
<script src="d3.v3.js"></script>
<script>
... your code should go here
</script>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/48562049

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档