Javascript Microsoft堆栈中的D3示例

我们试图熟悉D3，特别是像和这样的示例。似乎所有这些示例都使用本地文件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堆栈中的问题。苹果或Linux目前不是一个选项，尽管我们尝试了Chrome，但没有成功。我们如何启用html文件或重构脚本以访问本地文件

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

安装

导航到使用cmd.exe保存示例的目录。按住shift键，右键单击示例文件夹，然后选择“打开命令窗口”，这是最简单的方法

在命令提示下，在较新版本上输入python-msimplehttpserver 8000或python-mhttp.server 8000以启动web服务器

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

---

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

安装

导航到使用cmd.exe保存示例的目录。按住shift键，右键单击示例文件夹，然后选择“打开命令窗口”，这是最简单的方法

在命令提示下，在较新版本上输入python-msimplehttpserver 8000或python-mhttp.server 8000以启动web服务器

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

---

您是否收到类似XMLHttpRequest无法加载的消息file:///C:/someJSONfile.json. 仅HTTP支持跨源请求？您是否收到类似XMLHttpRequest无法加载的消息file:///C:/someJSONfile.json. 仅HTTP支持跨源请求？Python似乎是D3示例的首选开发环境。我希望有另一种方法，但很明显Python路径允许轻松访问本地文件。出于学习目的，这可能是最简单的方法，直到我们在成熟的ASP.net网站上启动并运行一些web服务。如果您更熟悉windows堆栈，只使用IIS网站可能会更容易。python的路线非常简单，不应该超过15分钟就可以开始了。python似乎是D3示例的首选开发环境。我希望有另一种方法，但很明显Python路径允许轻松访问本地文件。出于学习目的，这可能是最简单的方法，直到我们在成熟的ASP.net网站上启动并运行一些web服务。如果您更熟悉windows堆栈，只使用IIS网站可能会更容易。python的路线非常简单，不应该超过15分钟。