javascript - 在 d3.js 中嵌入 json 文件 (d3.layout.partition)

Question

我正在使用这个: http://mbostock.github.io/d3/talk/20111018/partition.html

而不是 d3.json("flare.json", function(root) {

我如何让它使用html中的json文件，就像我有

var json = [{
"name": "flare",
"children": [
{"name": "analytics",
"children": [
{"name": "cluster","children": [{"name": "AgglomerativeCluster", "size": 3938},
{"name": "CommunityStructure", "size": 3812},
{"name": "HierarchicalCluster", "size": 6714},
{"name": "MergeEdge", "size": 743}
]
},  

我想使用它而不是外部 json 文件，我该如何实现这一点？

链接到 json 文件:http://mbostock.github.io/d3/talk/20111018/flare.json

有 JSFiddle 示例吗？

谢谢。

Answer 1

您将通过两种方法实现这一目标:

1.您可以将 JSON 数据分配给变量名称，然后您可以构建任何布局

2.使用一个函数获取JSON数据

Fiddle 1 个解决方案

var root = json;

<强> Fiddle 2 个解决方案

var root = getData();
  var g = vis.selectAll("g")
      .data(partition.nodes(root))
    .enter().append("svg:g")
      .attr("transform", function(d) { return "translate(" + x(d.y) + "," + y(d.x) + ")"; })
      .on("click", click);