javascript - 递归循环包装？

Question

我有一个 JSON 对象，我希望能够将其可视化为这样的圆圈层次结构（您可以使用鼠标单击放大和缩小层次结构）。

我只是想弄清楚如何使用 d3.layout.pack 为下面的 JSON 对象生成层次结构并访问位于 Franchise 下的数据。任何指针将不胜感激。谢谢。

{    
    "Consultant": 
    [
        {
            "ConsultantID": 1, 
            "ConsultantName": "Test Consultant", 
            "Account": 
            [
                {
                    "AccountID": 1, 
                    "AccountName": "Test Account", 
                    "Site": 
                    [
                        {
                            "SiteID": 1, 
                            "SiteName": "Test Site", 
                            "Franchise": 
                            [
                                {
                                    "FranchiseID": 1, 
                                    "FranchiseName": "Test Franchise", 
                                    "Data": 
                                    {
                                    // Data goes here
                                    }
                                }
                            ]
                        }
                    ]
                }
            ]
        }
    ]
}

Answer 1

对于布局，您可以按照您的建议使用内置的圆形包装布局。

要格式化数据以在此布局中使用它，您可以使用该d3.nest()函数。如果您想更深入地了解嵌套的工作原理，那么我建议您查看以下问题：D3 JSON 数据转换