我正在从csv文件创建一个Treemap.作为我使用的结果,csv文件中的数据是分层的d3.nest()
.
但是,生成的JSON的形式为{key:"United States", values:[...]}
.可缩放的树形图需要层次结构{name:"United States", children:[...]}
.我已经尝试将名称和子项替换为示例中的键和值,但它不起作用.
如果有人已经考虑在可缩放树形图上使用键和值,请帮助.我是D3的新手,我不知道d.children是否意味着数据的结构或价值.
这是使用d3将世界大陆,地区和国家/地区从CSV转换为层次结构的代码.
$ d3.csv("../Data/WorldPopulation.csv", function (pop) {
var treeData= { "key": "World", "values": d3.nest()
.key(function (d) { return d.Major_Region; })
.key(function (d) { return d.Region; })
.key(function (d) { return d.Country; })
.entries(pop)
};
Run Code Online (Sandbox Code Playgroud)
结果的前几行是:
`[{"key":"AFRICA","values":[{"key":"Eastern Africa","values"
[{"key":"Burundi","values":[.........`
Run Code Online (Sandbox Code Playgroud)
我无法使用zoomable treemap,因为它需要json中的name和children标签,而不是key和values.