javascript - 在 D3.js 中的 Bundle 布局中读取 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"]}

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