公司最近在开发一个打标签平台，其中有个一功能模块就是对图片进行标注（例如将图片里的人、汽车进行标记），简单地来讲就是在图片加个形状（矩形、圆形。。），可以移动及大小设置。因为最近在学习D3,就想能不能基于D3来实现这个功能呢，然后就用D3实现了这个需求,下面是我测试的一个小de…

第一版 说明 实现纯展示 通过tree() .size([width, height - 30])指定了树图的大小，从而使得节点的位置会自动居中和缩放 参考文章 d3.js树图示例 - 掘金 (jue

树图是很常用的图表，它有结点和子节点的结构。如果一个结点的子节点太多，我们通常会把它们先隐藏起来，在点击父节点的时候展开显示。为了美观和流畅，我们可以加上展开收起的动画。

前言 最近接手的项目中有个功能，需要实现股权穿透图的效果。由于自己是第一次实现该功能，通过上网查找相关资料学习和研究，最终实现了需求。谨以此篇记录自己的成长过程。同时也希望能够帮助到遇到相关需求的同学

数据 层次化 d3.hierarchy d3.hierarchy(data[, children]) - 从给定的层次结构数据构造一个根节点并为各个节点指定深度等属性.

网上关于d3的教程比较少，在此通过一个树形图的示例让大家加深对d3的理解；并可以此为基础开发企业图谱这种业务功能

如果你正在烦恼如何写出一个完美的股权穿透图，不妨来看看这篇文章，在这里，我会教你如何优化之前使用d3.js完成的旧版股权穿透图，看完了，你就会了~