javascript - 递归循环包装？

Question

我有一个 JSON 对象，我希望能够将其可视化为圆的层次结构，例如 this (您可以使用鼠标点击放大和缩小层次结构)。

我只是想弄清楚如何使用 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

对于布局，您可以使用内置的 circle packing layout按照你的建议。

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