d3不产生任何输出

时间:2013-02-14 00:26:18

标签: javascript d3.js

我的数据非常耀眼,只有很少的细微变化。

以下格式:

[
  {"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

其余代码完全相同

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

我们将不胜感激。

由于

1 个答案:

答案 0 :(得分:2)

您的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服务器提供,则您的数据将永远不会加载,并且将在JavaScript控制台中看到XMLHttpRequest cannot load file:///..... Cross origin requests are only supported for HTTP.