Javascript d3版本4中的d3.layout.treemap

我有以下数据来生成treemap：

var treemap_data = {
"name": "Max",
"value": 100,
"children": [
    {
        "name": "Sylvia",
        "value": 75,
        "children": [
            {"name": "craig", "value": 25},
            {"name": "Robin", "value": 25},
            {"name": "Anna", "value": 25}
        ]
    },
    {
        "name": "David",
        "value": 75,
        "children": [
            {"name": "Jeff", "value": 25},
            {"name": "Buffy", "value": 25}
        ]
    },
    {
        "name": "Sylvia",
        "value": 75
    }
]
}

使用d3版本3.5.6，我能够使用d3布局：

var treemap_data = d3.layout.treemap()
  .size([500, 500])
  .nodes(data)

但它在d3版本4.2.3中不起作用。

根据新语法

var treemap_data = d3.tree().size([500, 500]);

这是使用D3V4的数据树图

根据新语法

var treemap_data = d3.tree().size([500, 500]);

这是使用D3V4的数据树图

---

在d3 V4 d3.layout.treemap中，替换为d3.treemap。有关更多详细信息，请参阅d3 V4 d3.layout.treemap中的此部分。有关更多详细信息，请参阅此部分