打包图仅表示数据间包含关系,打包图如下示例:
var width = 500;
var height = 500;
//================设置打包图布局=======================
var pack = d3.layout.pack()
.size([width, height])
.radius(20);
if (svg == undefined)
{
svg = d3.select("body").append("svg")
.attr("width", width)
.attr("height", height)
.append("g")
.attr("transform", "translate(0,0)");
}
//==================读取json数据并反序列化为对象===========================
d3.json("../data/city.json", function (error, root) {
//====================创建打包图的所有节点(节点包含了节点名称,节点间父子关系、节点的坐标位置等信息)==============================
var nodes = pack.nodes(root);
//====================创建节点关系=======================