我的代码如下所示:
索引.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(并向其附加背景图像,但那是稍后的事!) 所以我选择“mydiv”并向其附加一个 SVG,然后为其指定宽度和高度的属性。
当我进入浏览器时,我看到了这个:
正如您所看到的,它没有正确显示 SVG,有人可以帮我解决我在这里做错的事情吗?我确信我错过了一些基本的东西!
控制台为空
最佳答案
<div class="mydiv">
</div>
<script type="text/javascript" src="Fuel_Plan.js"></script>
上面的方法可以工作,脚本在创建 div 之前运行。
关于javascript - 为什么我的 SVG 没有被创建?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46502805/