arrays - 使用 D3js v4 的带有 d3.hierarchy 的旭日图数据

Question

我正在尝试使用 d3.hierarchy 和 d3js v4 来获得旭日图。我做了与 example 相同的事情这里。但是由于我获得的数据是作为对象数组而不是与示例中使用的相同，因此我确实添加了一个小函数，以便数据与示例中的数据相同。下面是函数

const arrayToObject = (array) =>
    array.reduce((obj, item) => {
        obj[item.name] = item
        return obj
}, {})

这是 fiddle 的链接: https://jsfiddle.net/snt1/mbszu1u5/8/

谢谢你。

Answer 1

我不确定这是否是一个答案(我认为是)，或者我应该将此作为评论发布 但是 这是您的代码的问题:
d3.hierarchy()查找具有“名称”和“子项”的对象并操作数据，然后 partition(root) 使用该数据。 .

如果您在 https://bl.ocks.org/maybelinot/5552606564ef37b5de7e47ed2b7dc099 处调试代码，你会看到 d3.hierarchy()接收一个对象为 {name: "flare", children: Array[15]}
在你的代码中，如果我只是包装 data对象中的数组，例如:{name: "test", children: data} ，它会创建带有颜色和适当标题的旭日。

这是一个 FIDDLE随着变化。 (顺便说一句，我评论了 arrayToObject)

希望这可以帮助。 :)