分区图( Partition ),也是 D3 的一个布局( Layout )。这个布局很有意思,可以做成方形也可能做成圆形,本文先介绍方形分区图的制作方法,这也是分区图最基本的形式。
分区图也是用于表示包含与被包含关系的。
1. 数据
本文使用【入门 - 第 9.4 章】的数据,内容为中国境内几个城市的所属关系。
2. 布局(数据转换)
var partition = d3.layout.partition()
.sort(null)
.size([width,height])
.value(function(d) { return 1; });
第 1 行:分区图的布局。
第 2 行:sor