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 cannot load file:///..... Cross origin requests are only supported for HTTP.在 JavaScript 控制台中看到