小编use*_*956的帖子

d3.nest()键和值转换为name和children

我正在从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.

javascript treemap d3.js

15
推荐指数
2
解决办法
7630
查看次数

标签 统计

d3.js ×1

javascript ×1

treemap ×1