脚本宝典收集整理的这篇文章主要介绍了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,请注明来意。