javascript - d3 版本 4 中的 d3.layout.treemap

Question

我有以下数据来生成树形图:

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 中不起作用。

Answer 1

按照新语法

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

这是使用 D3 V4 的数据的树形图。

https://jsfiddle.net/n4m1r8nb/58/