打开下载的Gist文件夹以检查元素

时间:2013-01-16 14:47:40

标签: google-chrome d3.js gist

我想使用网络检查器在我的浏览器中试验Mike Bostock的堆积条形图(https://gist.github.com/3886208)。我意识到我需要示例文件的本地副本(index.html和data.csv文件)才能使用它。但是,当我下载'gist'文件夹并使用Chrome打开index.html文件时,图表不会显示。我做错了什么?

谢谢!

1 个答案:

答案 0 :(得分:0)

使用谷歌浏览器,转到顶部菜单>查看>开发人员> Javascript控制台。您将看到一条消息

XMLHttpRequest cannot load file:///path/to/data.csv. Cross origin requests are only supported for HTTP.

根据https://github.com/mbostock/d3/wiki

  

在本地开发时,请注意您的浏览器可能会严格执行   从本地文件系统读取文件的权限。如果你使用   在本地d3.xhr(包括d3.json等人),您必须拥有本地网站   服务器。例如,您可以运行Python的内置服务器:

python -m SimpleHTTPServer 8888 & 

一旦运行,请转到http://localhost:8888/