Question

我想从HTML文件中的json文件加载数据，并使用D3将其可视化。如果文件是自己加载的，我可以在浏览器中查看数据。该状态也会被200状态正确验证。但是文件的内容被解释为null。

以下是json文件的内容 -

[{ “totdistance”：[[1987,20926761]，[1988,81974990]，[1989,93470285]，[1990,116938068]，[1991,128179520]，[1992,123889922]，[1993,113169123 ]，[1994,119145135]，[1995,132070386]，[1996,145689003]，[1997,158173093]，[1998,164900616]，[1999,180094162]，[2000,191005263]，[2001,186583998] [2002,185726579]，[2003,189239126]，[2004,203622782]，[2005,200373825]]， “路由”：[[1987,45399]，[1988,180871]，[1989,195588]，[1990年，216314]，[1991,219896]，[1992,199066]，[1993,176756]，[1994,177851]，[1995,194508]，[1996,203001]，[1997,206304]，[1998,203071 ]，[1999,209496]，[2000,219160]，[2001,209979]，[2002,196111]，[2003,189519]，[2004,195939]，[2005,197853]]， “代码”：” HP”， “名”： “HP”， “avgdelay”：[1987,16]，[1988,8]，[1989,11]，[1990,12]，[1991,12]，[1992,7 ]，[1993,11]，[1994,15]，[1995,17]，[1996,23]，[1997,17]，[1998,29]，[1999,25]，[2000,28] [2001,18]，[2002,9]，[2003,13]，[2004,25]，[2005,18]]}]

以下是尝试加载文件并读取其内容的代码 -

d3.json（“flights.json”，功能（航班）{

但我在控制台上发现航班为空的错误。

我尝试使用IE，Firefox和Chrome在网络服务器上运行此代码。但没有解决方案。

我将此作为起点 - https://github.com/mbostock/bost.ocks.org/blob/gh-pages/mike/nations/index.html

这是错误 - 未捕获的TypeError：无法调用null

的方法'map'

json根据http://jsonlint.com/

有效

感谢您解决此问题的任何帮助。

Answer 1

根据this，d3.json的正确语法是

d3.json('URL', function(error, json) {

因此看起来您可能正在尝试访问错误参数，如果没有错误，则可以为null。

Answer 2

我已经切换到2.8版，它运行正常。我注意到的一件事是我将一个变量称为avgdelay，这是一个问题。一旦我将变量重命名为另一个变量，d3就没有问题了。我认为这有点奇怪。但截至目前，它已经解决了我所面临的问题。我正在结束这个问题。

无法使用d3.js在html中加载json文件

2 个答案: