D3图表没有显示出来

时间:2016-06-26 19:29:34

标签: javascript d3.js

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

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

另外,我检查了一些以前的类似问题并添加了Jquery代码: 但是,该页面仍然是空白的。 谁能告诉我有什么问题?我该怎么做才能让它显示在我的页面中?

1 个答案:

答案 0 :(得分: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

  • 您需要一些服务器/ localhost才能在data.json代码中加载markers.jsonapp.js个文件数据。