在D3.js布局中读取JSON文件时出错

Question

我正在尝试使用D3.js创建一个包布局。

我正在遵循这个位置的代码

​

​

我从这里获得了示例json文件。效果很好。

现在，当我尝试使用json文件时，它会给出以下错误：

Uncaught TypeError: Cannot read property 'parent' of undefined 

我的json文件如下所示：

[
{"name":"flare.analytics.A","size":3938,"imports":["flare.analytics.B,flare.analytics.C"]},
{"name":"flare.analytics.B","size":3812,"imports":["flare.analytics.C,flare.analytics.D"]},
{"name":"flare.analytics.C","size":3812,"imports":["flare.analytics.D,flare.analytics.E"]},
{"name":"flare.analytics.D","size":743, "imports":["flare.analytics.E,flare.analytics.F"]},
{"name":"flare.analytics.E","size":3534,"imports":["flare.analytics.F,flare.analytics.G"]},
{"name":"flare.analytics.F","size":5731,"imports":["flare.analytics.G,flare.analytics.H"]},
{"name":"flare.analytics.G","size":7840,"imports":["flare.analytics.H,flare.analytics.I"]},
{"name":"flare.analytics.H","size":5914,"imports":["flare.analytics.I,flare.analytics.A"]},
{"name":"flare.analytics.I","size":3416,"imports":["flare.analytics.B,flare.analytics.A"]}
]

有人能告诉我我的json文件有什么问题吗？

Answer 1

您只需要引用在json中封装不同的依赖项和依赖项。

flare.analytics.A","size":3938,"imports":["flare.analytics.B","flare.analytics.C"]}...

而不是

flare.analytics.A","size":3938,"imports":["flare.analytics.B,flare.analytics.C"]}

看到它在这把小提琴中工作。

​

​