Microsoft Stack 中的 D3 示例

Question

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

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 文件来测试示例，但我们遇到了安全问题。很明显，该脚本正在访问一个本地文件，这确实给我们带来了 Microsoft 堆栈中的问题（Apple 或 Linux 目前不是一个选项，尽管我们已经尝试过 Chrome，但没有成功）。我们如何启用 html 文件或重构脚本以访问本地文件？

Answer 1

您需要通过网络服务器托管文件，因为网络浏览器限制了可以在本地访问的文件类型。在 Windows 机器上执行此操作的最简单方法：

1. 安装python

2. 使用cmd.exe 导航到包含您的示例的目录。按住 shift 键，右键单击包含示例的文件夹并选择 Open Command Window Here 是最简单的方法。

3. 在命令提示符下，在较新版本上输入 python -m SimpleHTTPServer 8000 或 python -m http.server 8000 以启动 Web 服务器。

4. 打开网络浏览器（我真的建议使用 chrome，开发工具远远领先于 ff 和 ie），转到 127.0.0.1:8000。该示例应该显示出来。