【 D3.js 进阶系列 — 3.2 】 分区图的函数

分区图的布局比较简单，本章介绍一下分区图的参数。

分区图布局为：

d3.layout.partition()

其函数有6个。

nodes()

将根数据传入后，得到的节点的数组，每个节点添加8个参数：

• parent - 父节点
• children - 子节点
• value - 表示节点的大小，由下面 value() 函数指定的值，父节点的值等于子节点值的和
• depth - 节点的深度
• x - 节点的x方向的坐标（不一定指x轴方向，跟据 size() 函数的意义而定）
• y - 节点的y方向的坐标（同上）
• dx - x方向扩展的宽度（同上）
• dy - y方向扩展的宽度（同上）

links()

将上述节点数组传入后，得到连接线的关系，起点和终点分别存在 source 和 target 变量中。

children()

指定表示子节点的字符串。默认是：

function children(d) {
  return d.children;
}

表示在 JSON 文件中，子节点的变量符号用 children 表示：

{
"name"