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

• 你需要一些server/localhost來加載你的data.json d markers.json文件數據爲app.js代碼。