d3.js-TreeDiagram
运用d3.js框架制作的树图
效果图
使用方法:
d3tree(第1个参数为id,第2个参数为高度,第3个参数为宽度,第4个参数为树图的第1列,第5个参数为树图的第2列,其他参数数组中第1个数为父亲节点,如第6个参数中的"c"为第2列的c,其他为c的子节点,注意参数必须按照树图的列排序,如第3列的参数数组的参数下标为6,则第4列的参数下标>6")
d3tree("#d3svg12",
1200,
500,
"a",
["b","c"],
["b",["d","e"]],
["c",["f","g","h"]],
["d",["i","j"]],
["i",["k","l"]],
["k",["m","n"]],
["m",["o","p","q","r","s","t"]]
)