Question

我的代码如下所示：

的index.html

<head>
    <script type="text/javascript" src="d3/d3.js"></script>

</head>

<body>
    <script type="text/javascript" src="Fuel_Plan.js"></script>
    <div class="mydiv">
    </div>   

</body>

Fuel_Plan.js：

var width = 800;
var height = 300;


var svg = d3.select(".mydiv")
    .append("svg")
    .attr("width", width )
    .attr("height", height );

我想要实现的目标是什么？绘制一个空白的SVG（并将背景图像附加到它，但这是为了以后！）所以我选择＆＃34; mydiv＆＃34;然后我给它添加了一个SVG，然后给它宽度和高度。

当我进入浏览器时，我看到了这一点：

你可以看到它没有正确显示SVG，有人可以帮我解决我在这里做错的事吗？我确定我错过了一些基本的东西！

控制台为空

Answer 1

<div class="mydiv">
</div>   
<script type="text/javascript" src="Fuel_Plan.js"></script>

上面的

将起作用，脚本在创建div之前运行。

为什么我的SVG没有被创建？

1 个答案: