外部JavaScript无法在D3JS中运行

Question

如果我将javascript代码嵌入到html中，它可以正常工作。

但是，如果我使用 <script type="text/javascript" src="draw_chart.js"></script>就在</body>之前，其中＆＃39; draw_chart.js＆＃39;使用d3js绘制SVG。这是行不通的。我没有看到任何错误消息。有什么问题？

以下是您可以下载以测试的三个文件：

index.html

draw_chart.js

graph.json

修改

我发现问题，在draw_graph.js，我应该改变

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

到

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

如果使用外部javascript，为什么我不能选择css样式？ （如果我将.js文件嵌入到html中，它可以工作）

Answer 1

您的javascript文件名为draw_graph.js，您的索引文件会尝试导入draw_chart.js

Answer 2

尝试将draw_chart.js文件紧接在结束标记之后，但应放在HTML文件中可能包含的任何其他脚本文件之前。还将d3js文件src作为标签中的第一个脚本文件。 祝你好运