gpt4 book ai didi

javascript - D3.js 不工作的非常简单的教程示例

转载 作者:数据小太阳 更新时间:2023-10-29 06:12:28 25 4
gpt4 key购买 nike

我是 D3.js 的新手。我正在阅读 Mike Dewar 的D3 入门。我尝试了书中的第一个例子,但它不起作用。我一直在为此撕心裂肺。我这里的代码有什么问题?

<head>部分:

<script src="http://mbostock.github.com/d3/d3.js"></script>
<script>
function draw(data) {
"use strict";
d3.select("body")
.append("ul")
.selectAll("li")
.data(data)
.enter()
.append("li")
.text(function (d) {
return d.name + ": " + d.status;
});
}
</script>

<body> :

<script>

d3.json("flare.json", draw);

</script>

和 JSON 文件:

[
{
"status": ["GOOD SERVICE"],
"name": ["123"],
"url": [null],
"text": ["..."],
"plannedworkheadline": [null],
"Time": [" 7:35AM"],
"Date": ["12/15/2011"]
}
]

最佳答案

如果您使用的是 Chrome,由于跨域安全限制,它可能会阻止您正确打开文件。尝试使用 Firefox 看看是否是这种情况(它可能会让您正确加载文件)。

如果这是问题所在,您需要安装一个本地网络服务器,如 WAMP(如果您运行的是 Windows)或按照此处 wiki 页面上的说明进行操作:https://github.com/mbostock/d3/wiki

祝你好运

关于javascript - D3.js 不工作的非常简单的教程示例,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14721945/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com