如何遍历d3 json树图以获取节节点

时间:2013-05-28 18:12:49

标签: json d3.js treemap

如何遍历可能如下所示的treemap json对象: 并且只将Section节点作为appose返回到每个节节点下的节点? 所以,人们可能会有一个看起来像这样的结构:

{
  name: "products"
  children:[
    {
      name: "Wood", 
      children: [
        { name: "rose wood" },
        { name: "maple" }
      ]
    },
    {
      name: "Metals", 
      children: [
        { name: "Iron" },
        { name: "copper" }
      ]
    }
  ]
}
//end

想要的只是返回“Wood”,“Metals”等。 由于数据的冗余性质,直接循环不会削减它。有任何想法吗? 谢谢。

1 个答案:

答案 0 :(得分:0)

这是我的代码,解决了我的JSON解析问题。

.on("mouseover",function (d) {
     $("#treemapPopup").show().html(
              "<h4>"+d.parent.name +"</h4>"+
                  "<p><strong>Good:</strong> "+d.name+"<br />"+
                  //Math.round(percent* 10)/10+"% <br />"+
                  "<strong>Countries:</strong></p>"+
                    courtryList
          );
}) ...etc

当我遍历子对象数组时,d.parent.name最终是Wood,Metals等。当然,d.name是Wood或Metal下的产品。希望能帮助其他可能一直坚持这一点的人。