从flare.json访问d3.tree的更多数据

时间:2013-09-13 14:00:09

标签: javascript d3.js

我基本上与this合作。

现在,flare.json就像是

{ "name": "flare", "children": [  {   "name": "analytics",   "children": [    {     "name": "cluster",...

我需要显示更多信息,而不仅仅是名称,因此在获取数据之后我会有类似的信息。

{ "name": "John Smith", "Age": "20", "Country": "Canada", "children": [  {  //and so on

所有节点都会有更多字段,而不仅仅是“名称”,让我们说3个或4个项目。

用于附加数据的代码部分是

nodeEnter.append("svg:text")
  .attr("dy", 3.5)
  .attr("dx", 5.5)
  .text(function(d) { return d.name; });

我尝试了return d.name + ' - ' + d.age;});,但它只适用于根节点。在所有的孩子身上,它正确地说出了名字,而不是Age.Text,而是[object Object]

Basicaly我不仅需要访问flare.json文件中的“name”,还需要访问更多项目。

提前致谢。

1 个答案:

答案 0 :(得分:1)

它适用于数据中已存在的size属性。有关示例,请参阅here。我所做的是将.text更改为

.text(function(d) { return d.name + (d.size ? " " + d.size : ""); });

将显示尺寸信息(如果存在)。