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

Answer 1

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

1. 安装 python

2. 使用 cmd.exe 导航到包含您的示例的目录。按住 Shift 键，右键单击带有示例的文件夹并选择 在此处打开命令窗口 是执行此操作的最简单方法。

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

4. 打开网络浏览器(我真的建议使用 chrome，开发工具远远领先于 ff 和 ie)，转到 127.0.0.1:8000。这个例子应该出现。