D3: d3 tree - Generating a tree diagram from ‘flat’ data

发布时间:2019-06-06 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了D3: d3 tree - Generating a tree diagram from ‘flat’ data脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

添加的代码

var data = [
    { "name" : "Level 2: A", "parent":"Top Level" },
    { "name" : "Top Level", "parent":"null" },
    { "name" : "Son of A", "parent":"Level 2: A" },
    { "name" : "Daughter of A", "parent":"Level 2: A" },
    { "name" : "Level 2: B", "parent":"Top Level" }
    ];
var dataMap = data.reduce(function(map, node)  {
  map[node.name] = node;
  return map;
}, {});

var treeData = [];

 data.forEach(function(node) {
      // add to parent
      var parent = dataMap[node.parent];
      if (parent) {
        // create child array if it doesn't exist
        (parent.children || (parent.children = []))
          // add node to child array
          .push(node);
      } else {
        // parent is null or missing
        treeData.push(node);
      }
    });

如果是以上data 的数据结构,可以转换为 前treeData 的数据结构。

脚本宝典总结

以上是脚本宝典为你收集整理的D3: d3 tree - Generating a tree diagram from ‘flat’ data全部内容,希望文章能够帮你解决D3: d3 tree - Generating a tree diagram from ‘flat’ data所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: