Skip to content

mowatermelon/d3_demo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

33 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

d3_demo

记录学习使用d3这个库的相关案例

1 Tree_diag

树节点之间是默认的贝塞尔曲线的连接效果

2 Tree_drag

树节点之间是默认的贝塞尔曲线的连接效果,支持叶子节点拖拽变换等级。

3 Tree_rect

树节点之间是手肘线的连接效果,叶子节点是矩形效果

4 Tree_circle

树节点之间是手肘线的连接效果,叶子节点是圆形效果

5 Tree_img_normal_id

树节点之间是手肘线的连接效果,叶子节点是提供的图片,点击叶子节点动画展开和关闭没有动画效果,叶子节点之间是通过id进行唯一标识,数据量比较小。

6 Tree_img_normal_name

树节点之间是手肘线的连接效果,叶子节点是提供的图片,点击叶子节点动画展开和关闭没有动画效果,叶子节点之间是通过name进行唯一标识,数据量比较大,对于数据比较多的情况下,不太适合没有动画,没有动画会让页面上只会显示很局部的地方。

7 Tree_img_elbow

7.1 Tree_img_animate

树节点之间是手肘线的连接效果,叶子节点是提供的图片,点击叶子节点动画展开和关闭有过渡动画效果。

7.2 Tree_img_level_all

包含7.1中所有效果,默认每次加载都只展开一级节点。

7.3 Tree_img_level_only

包含7.1中所有效果,默认初始加载只展开一级节点,但是不限制于后续节点展开多少级。

7.4 Tree_img_level_exclude

包含7.2中所有效果,从第二级(级别从0开始)之后,保证每次只有一个节点是展开的。

7.5 Tree_img_vertical

包含7.2中所有效果,树节点之间是手肘线是向下的。

Releases

No releases published

Packages

No packages published