Question

我已经从设置
还使用<script src="https://d3js.org/d3.v4.min.js"></script>

这是我的app.py：

@app.route('/')
def my_form():
    return render_template('circle.html')

这是circle.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="https://d3js.org/d3.v4.min.js"></script>
</head>
<body>

<script>
var canvas = d3.select("body")
  .append("svg")
  .attr("width",500)
  .attr("width",300);

var circle = canvas.append("circle")
                   .attr("cx", 250)
                   .attr("cy", 250)
                   .attr("r", 50)
                   .attr("fill","red");

</script>

</body>
</html>

有谁知道为什么？

Answer 1

问题是，我想，你的Javascript代码中有一个拼写错误：

var canvas = d3.select("body")
               .append("svg")
               .attr("width",500)
               .attr("width",300);

如您所见，您没有设置 height 属性;相反，你设置两倍宽度属性。

检查此fiddle以获取完整代码。

PyCharm不承认D3.js

1 个答案: