Question

我正在尝试将可折叠树与可视化工具集成：

http://bl.ocks.org/robschmuecker/7880033

有人可以告诉我如何在没有flare.json文件的情况下运行此代码。我有json格式的数据，我需要使用该json输出来运行此代码。我将字符串转换为json格式的代码如下：

<html>

<body>

<script>
//example dat

var str = "Charles Johnson\t4184\nCharles Johnson-Donald Williams\t8385\nCharles Johnson-Donald Williams-Daniel Fertig\t428\nCharles Johnson-Donald Williams-Daniel Fertig-Lino Walling\t1091\nCharles Johnson-Donald Williams-Daniel Fertig-Lino Walling-Jim Cooke\t318";
var lines = str.split("\n");

var name_ = lines[0].split("\t")[0];
var val_ = lines[0].split("\t")[1];
//alert(val_);
var obj = {name:     name_,
           children: [],
           value:    val_};
//process all lines
for (var i=1;i<lines.length;i++) {
  var addr = lines[i].split("\t")[0].split("-");
  var val = lines[i].split("\t")[1];
  //alert(val);
  var local_obj  = obj;
  var recursive_obj;
  //alert(addr.length);
  for (var j=1;j<addr.length;j++) {
    recursive_obj = null;
    for (var k=0;k<local_obj.children.length;k++) {   //Doest get used for first instance
      if (local_obj.children[k].name==addr[j]) {
        recursive_obj=local_obj.children[k];
      }
    }
    if (recursive_obj==null) {
      recursive_obj = {name:     addr[j],
                       children: [],
                       value:    null
                      };
      local_obj.children.push(recursive_obj);
    }   
    local_obj=recursive_obj;

  }
  recursive_obj.value=val;
}

//print a json result
alert(JSON.stringify(obj));
</script>



 </body>
 </html>

此代码将字符串转换为Json格式。有人可以帮我使用这段代码而不是

treeJSON = d3.json("flare.json", function(error, treeData){}

并使可折叠树运行。如果有人可以帮助我，我将非常感激。谢谢:)）

最诚挚的问候莫哈末

<!DOCTYPE html>
<meta charset="utf-8">

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script src="try.js"></script>
<body>
    <div id="tree-container"></div>
</body>
</html>

Answer 1

现在你有obj，它已经是一个对象，类似于treeData函数回调中需要的d3.json。您可以从该功能中取出所有内容，转换自：

d3.json("flare.json", function(error, treeData){
  //Do some stuff with treeData
})

到此：

var treeData = obj;
//Do some stuff with treeData;

工作小提琴：fiddle

没有flare.json的D3可折叠树

1 个答案: