javascript - 似乎无法从 D3js 工作中获取示例?

标签 javascript html d3.js frontend

我是 D3 新手,在从 d3.js 获取示例时遇到了一些困难。现场工作。例如,这是该网站的 git 要点。然而,克隆要点( https://gist.github.com/3887051 )或复制代码( http://bl.ocks.org/3887051#index.html )到本地来玩似乎无法在浏览器中运行?我已经编写了一些简单的 d3 代码,效果很好,但由于 d3 完全是客户端,我还需要设置其他什么吗?

[编辑] 由于使用 XMLHttpRequest 获取数据,这些示例似乎需要从服务器提供。有人能解释一下这是什么以及为什么它是必要的,而更简单的 d3 代码不需要它就可以工作吗?

最佳答案

我假设您正在使用 Chrome 运行示例并收到以下错误:

XMLHttpRequest cannot load file://.../data.csv. Cross origin requests are only supported for HTTP.

尝试使用 Firefox,该示例应该可以工作。 Cross-site HTTP requests导致这个问题。

如果您想使用 Chrome,请使用 -allow-file-access-from-files 启动浏览器。但不建议这样做,因此从长远来看,启动您自己的网络服务器并从那里运行代码。

关于javascript - 似乎无法从 D3js 工作中获取示例?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14001394/

相关文章:

javascript - Flexslider 使用 jQuery Mobile 加载一次

java - Java 中无效的转义序列(有效的是\b\t\n\f\r\"\'\\)

javascript - 放置在 Bootstrap 轮播中的 D3.js 图表

javascript - 创建过去 365 天的日历网格

javascript - 无法在 d3 js 中加载 json 数据

javascript - 为什么 ng-repeat 在未被调用时起作用?

javascript - 使用另一个文件中变量的值

javascript - MediaRecorder ondataavailable 工作成功一次

javascript - HTML 选项卡无法正常工作示例

html - 要移动到 li 标签下方的背景图片