尝试使用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>发布于 2018-02-01 19:57:58
您已经将代码放在源属性设置为download D3的script标记中:
<script src="d3.v3.js">
... your code is here
</script>您需要将代码放在它自己的script标记中:
<script src="d3.v3.js"></script>
<script>
... your code should go here
</script>https://stackoverflow.com/questions/48562049
复制相似问题