微软堆栈中的D3示例

Question

我们正在尝试熟悉D3 (http://d3js.org/)，特别是像http://bl.ocks.org/mbostock/3306362和http://bl.ocks.org/mbostock/2206590这样的示例。似乎所有这些示例都使用本地文件IO来加载地理位置信息。以下代码片段很常见：

queue()
.defer(d3.json, "/mbostock/raw/4090846/us.json")
.defer(d3.tsv, "unemployment.tsv")
.await(ready)

而其他示例通常使用此签名来加载数据：

d3.json("someJSONFile.json", function(error, uk) {
console.log(uk);
});

我们已经创建了几个本地html文件来测试示例，但是我们遇到了安全问题。很明显，该脚本正在访问一个本地文件，这在微软的堆栈中确实给我们带来了问题(Apple或Linux目前不是一个选择，尽管我们已经尝试了Chrome，但没有成功)。我们如何启用html文件或重构脚本以访问本地文件？

Answer 1

您需要通过web服务器托管文件，因为web浏览器会限制可在本地访问的文件类型。在windows计算机上执行此操作的最简单方法是：

1. Install python
2. 导航到保存使用cmd.exe的示例的目录。按住shift键，右键单击包含示例的文件夹，然后选择Open Command Window Here是执行此操作的最简单方法。
3. 在命令提示符下，输入python -m SimpleHTTPServer 8000或python -m http.server 8000 (对于较新的版本)以启动web服务器。
4. 打开web浏览器(我真的建议使用chrome，开发工具远远领先于ff和ie)，转到127.0.0.1:8000。示例应该会显示出来。