d3.js中的嵌套数组

时间:2013-06-17 21:01:11

标签: javascript json d3.js

我已经看到有关在d3.js中处理“嵌套json”的问题,并且已经看到提出的解决方案主要是“压扁”数据(意味着创建一个新变量并将数据推入所需级别) 这里有两个例子:

我的问题是:可以使用各种数组函数之一来访问数据级别而无需创建新变量吗? Handling arrays

我有一个看起来像这样的数组:

var dataset = 
 {"directed": false, 
  "graph": [], 
  "nodes": 
 [
 {"Region": "X15", "Group": "EU", "id": "BE"}, 
{"id": "FR"}, 
{"id": "BG"}, 
{"id": "DK"}, 
{"id": "HR"}, 
{"id": "DE"}
], 
"links": 
 [
 {"source": 0, "target": 0, "weight": 0}, 
 {"source": 0, "target": 1, "weight": 130}, 
 {"source": 0, "target": 2, "weight": 1}, 
 {"source": 0, "target": 3, "weight": 36}, 
 {"source": 0, "target": 4, "weight": 4}, 
 {"source": 0, "target": 5, "weight": 117}
 ], 
 "multigraph": false}

我试过以下

我想获得重量(用d3.max计算最大值)

dataset.links // gives me link 
dataset.links[0].weight // gives me the weight of first but can't get the index to work

使用数组函数时,我无法获得低于

的元素
 d3.entries(dataset)
 d3.values(dataset.links)
我错过了什么?

我希望这个问题有道理。

P.S:如果必须压扁数组,是否有利于在javascript中执行此操作,或者如果我创建数组(例如在python中)并将其传递给javascript

它是否相同

1 个答案:

答案 0 :(得分:2)

再次阅读你的帖子后,我想我知道你想做什么。

如果您想使用d3.max之类的内容访问权重列,则可以使用访问者功能。

访问器函数指定如何查看数组中的项目。在您的情况下,您需要一个查看weight中每个链接中dataset.links字段的函数。使用链接作为输入,此功能非常简单:

function getWeight(link){return link.weight}

然后我们可以使用此函数作为访问器函数来获取weightdataset.links字段的最大值,如下所示:

var maxWeight = d3.max(dataset.links, getWeight)

这使用d3.max命令的一般形式d3.max(array [,accessorFcn])

我设置了fiddle来执行此操作,然后提醒最大重量。