Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 无法使用d3.js在html中加载json文件_Javascript_Html_Json_D3.js_Bubble Chart - Fatal编程技术网

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

Javascript 无法使用d3.js在html中加载json文件,javascript,html,json,d3.js,bubble-chart,Javascript,Html,Json,D3.js,Bubble Chart,我想将json文件中的数据加载到HTML文件中,并使用D3将其可视化。如果文件是自己加载的,我可以在浏览器中查看数据。通过200状态验证,文件也被正确接收。但是文件的内容被解释为null 以下是json文件的内容- [totdistance]:[198720926761]、[198881974990]、[198993470285]、[1990116938068]、[1991128179520]、[1992123889922]、[1993113169123]、[1994119145135]、[19

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

以下是json文件的内容-

[totdistance]:[198720926761]、[198881974990]、[198993470285]、[1990116938068]、[1991128179520]、[1992123889922]、[1993113169123]、[1994119145135]、[1995132070386]、[199614568903]、[1998164900616]、[1999180094162]、[2000191005263]、[2001186583998]、[20021857265779]、[2009239126]、[2004203622782]、[20003735]、“路线”:[[198745399]、[1988180871]、[1989195588]、[1990216314]、[1991219896]、[1992199066]、[1993176756]、[1994177851]、[1995194508]、[1996203011]、[1997206304]、[1998203071]、[1999209496]、[2001209979]、[2002196111]、[2003189519519]、[2004195939]、[2005197853]、[20041959]、[2005197853]、[HP]、[HP]、[1987]、[1989]、[1989]、[1989]、[11]、[1989]、[1989]、[1989]、[1989]、[1989]、[11]、[1989]、[1989]、[,[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”),函数(flights){

但是我在控制台上得到一个错误,flights为null

我曾尝试在使用IE、Firefox和Chrome的Web服务器上运行此代码,但没有解决方案

我以此为出发点-

这里是错误- 未捕获的TypeError:无法调用null的方法“map”

json的有效性如下所示

感谢您为解决此问题提供的帮助。

根据,d3.json的正确语法为

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

因此,您可能试图访问错误参数,如果没有错误,该参数可能为空。

我已切换到2.8版,它工作正常。我注意到,我将一个变量称为avgdelay,这是一个问题。一旦我将该变量重命名为另一个变量,d3就没有问题。我认为它有点像weird。但到目前为止,它已经解决了我所面临的问题。我现在结束这个问题。

代码片段很少有帮助,您需要发布有意义的代码示例或fiddler链接,以便我们能够提供帮助。我可以很好地加载它。您可以发布完整的代码吗?如果您从c传递json lint,您还可以发布到实际json文件的链接吗复制并粘贴json,文件或文本编辑器上的编码可能会在文件中添加无效字符,从而导致解析错误。尝试使用v3后,我现在正在尝试使用v2,以查看这是否会产生影响。json似乎存在一些问题,我无法解决。我在Chrome-Un中发现了错误捕获到SyntaxError:Unexpected token',在Firefox中,我得到错误-[13:19:11.701]SyntaxError:JSON.parse:expected property name或'}'。这是JSON文件-这是我的JSON文件-[{“totdistance”:[[198720926761],[198881974993470285],[1990116938068],[1991128179520],[199212388992],[1993113169123],[1994119145135],[1995132070386],[1996145689003],[1997158173093],[1998164900616],[1999180094162],[2000191005263],[2001186583998],[2002185726579],[20031892392126],[2004203622782],[2005200373825],[198745399],[1988180871],[1989195588],[1990216314],[1991219896],[1992199066],[1993176756]、[1994177851]、[1995194508]、[199620301]、[1997206304]、[1998203071]、[1999209496]、[2000219160]、[2001209979]、[2002196111]、[20031895119]、[2004195939]、[2005197853]、“代码”:“惠普”、“名称”:“惠普”、“avgdelay:[1987,16]、[1988,8]、[1989,11]、[1990,12]、[1991,12]、[1992,7]、[1993,11]、[1994,15]、[1995,17]、[1996,23]、[1999,25]、[1999,25]、[,[2000,28]、[2001,18]、[2002,9]、[2003,13]、[2004,25]、[2005,18]}]如果json值通过json lint验证器,则不需要粘贴它。它在注释中真的没有用。