递归循环包装？答案

【问题标题】：Recursive circle packing?递归循环包装？
【发布时间】：2014-06-25 18:55:05
【问题描述】：

我有一个 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
                                    }
                                }
                            ]
                        }
                    ]
                }
            ]
        }
    ]
}

【问题讨论】：

类似this？当然需要缩放/点击处理程序。
谢谢，是的，一直在尝试从this构建/重用

标签： javascript json d3.js circle-pack

【解决方案1】：

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

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

【讨论】：

谢谢，将尝试使用这些参考将一些代码放在一起。