javascript - D3图表不显示

Question

我想基于 d3 示例构建折线图和面积图 ( http://bl.ocks.org/rkirsling/33a9e350516da54a5d4f )。我复制并粘贴了代码并以正确的格式保存它们。但是，当我尝试通过本地文件或本地主机查看它时，图表没有显示。该页面完全空白。

没有控制台错误，HTML 页面可以连接到 JavaScript。

另外，我检查了一些以前的类似问题并添加了Jquery代码:然而，该页面仍然是空白的。有人能告诉我出了什么问题吗？我应该怎样做才能使其显示在我的页面中？

Answer 1

可以修复的事情。

• app.css 中的更改

  @import url(//fonts.googleapis.com/css?family=Open+Sans:400,700);

  至

  @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);

• 确保您具有正确的文件/目录结构。

  /index.html

  /app.js

  /app.css

  /data.json

  /markers.json

• 您需要一些服务器/本地主机来加载 app.js 代码中的 data.json 和 markers.json 文件数据.