d3 v4 穿透图干货

d3 v4 穿透图干货最近用 d3 做了一个股权穿透图 也许是自己太菜 查询到的相关案例比较少 自己也走了很多弯路 谷歌的墙都快被我翻烂了 所以我觉得记录一下这个稍微有点成就感的时刻 相关知识点 d3 tree 创建一个新的整齐 同深度节点对齐 的树布局 d3

欢迎大家来到IT世界,在知识的湖畔探索吧!

最近用d3做了一个股权穿透图,也许是自己太菜 ,查询到的相关案例比较少,自己也走了很多弯路,谷歌的墙都快被我翻烂了。所以我觉得记录一下这个稍微有点成就感的时刻。

d3 v4 穿透图干货



欢迎大家来到IT世界,在知识的湖畔探索吧!

相关知识点:

d3.tree – 创建一个新的整齐(同深度节点对齐)的树布局.

d3.zoom – 创建一个缩放交互.

d3.select – 从文档中选取一个元素.

d3.hierarchy – 从给定的层次结构数据构造一个根节点并为各个节点指定深度等属性.

zoom.scaleExtent – 设置可缩放系数大小.

transform.translate – 根据指定的值平移当前坐标变换.

transition.remove – 在过渡结束后移除选中的元素.

tree.nodeSize – 设置节点尺寸.

tree.separation – 设置两个相邻的节点之间的间距.

node.descendants – 从当前节点开始返回其后代节点数组.

selection.selectAll -从每个被选中的元素中选择多个后代元素.

selection.data – 将元素与数据绑定.

selection.enter – 获取需要插入的选择集(数据个数大于元素个数)的占位符.

selection.exit – 获取多余的元素的选择集(数据个数小于元素个数).

selection.on – 添加或移除事件监听器.

selection.attr – 设置或获取属性.

selection.style – 获取或设置样式属性.

selection.text – 设置或获取文本内容.

selection.append – 创建、添加并返回一个新的元素.

selection.insert – 创建、插入并返回一个新的元素.

selection.remove – 从文档中移除元素.

transition.duration – 指定每个过渡元素的过渡时间(毫秒)

干货地址

https://github.com/grj1997/d3js

写得不好的地方还望指出,谢谢。
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://itzsg.com/126261.html

(0)
上一篇 21分钟前
下一篇 6分钟前

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

联系我们YX

mu99908888

在线咨询: 微信交谈

邮件:itzsgw@126.com

工作时间:时刻准备着!

关注微信