D3.js：Treemap不从JSON文件加载

Question

我正在尝试在localhost上运行this very example树形图，但我无法加载JSON文件（顺便说一句，该文件与示例使用的JSON文件相同）。

控制台会在Google Chrome中返回下一个错误：

XMLHttpRequest cannot load file:///C:/Users/Usuario/Downloads/d3/flare.json. Cross origin requests are only supported for HTTP. 

JSON文件与html文件位于同一文件夹中。

提前感谢您的帮助。

Answer 1

由于安全策略，您无法加载本地文件。引用D3网站：

  

在本地开发时，请注意您的浏览器可能会强制执行严格的权限，以便从本地文件系统中读取文件。如果在本地使用d3.xhr（包括d3.json等），则必须具有本地Web服务器。例如，您可以运行Python的内置服务器：

     

python -m SimpleHTTPServer 8888＆amp;

     

或Python 3 +

     

python -m http.server 8888＆amp;

     

一旦运行，请转到http://127.0.0.1:8888/。

Answer 2

如果人们在xampp或wamp上工作d3.js，他们可以通过启动服务器来运行他们的html文件，就像php文件一样。

我发现同样的问题然后我启动了wampp服务器然后文件加载成功，没有任何问题，如“XmlHttpRequest访问控制允许orgin”。

我在WAMP工作。我希望XAMPP能做同样的事情，但我不确定......