javascript - d3 不产生任何输出

Question

我的数据基本上都是耀斑形式，除了一些细微的变化..

其格式如下:

[
  {"name":"topic_1","children":[{"name":"foo",size:1},{"name":"bar",size:2}]},
  {"name":"topic_2","children":[{"name":"foob",size:12},{"name":"bbar",size:2}]}
]

我正在尝试制作这个可视化

    http://bl.ocks.org/4063530

其余代码完全相同

但它不起作用，我的意思是我没有看到任何可视化。

如有任何建议，我们将不胜感激。

谢谢

Answer 1

您的 JSON 文件中没有根节点。它应该看起来像...

{
  "name": "flare",
  "children": [
      {"name":"topic_1","children":[{"name":"foo","size":1},{"name":"bar","size":2}]},
      {"name":"topic_2","children":[{"name":"foob","size":12},{"name":"bbar","size":2}]}
    ]
}

<小时/>

或者，如果您只粘贴了 JSON 文件的摘录

由于文件是通过 XMLHttpRequest 加载的，因此必须通过 HTTP 进行加载。如果文件是本地的并且未由 Web 服务器提供服务，您的数据将永远不会加载，并且会看到 XMLHttpRequest 无法加载 file:///..... 仅 HTTP 支持跨源请求。 在 JavaScript 控制台中