JavaScript is required

企业股权结构图

这个示例渲染自上而下的企业股权结构图:投资方位于焦点公司上方,子公司位于下方。它结合自定义企业卡片节点插槽、上游分支布局后清理、一次性懒加载子公司展开,以及用于画布设置和图片导出的共享悬浮面板。

在 GraphPilot 中编辑

带有惰性子公司展开的企业股权结构图

此示例构建的内容

这个示例构建的是一个以查看为主的企业所有权结构图。投资方显示在焦点公司上方,运营子公司显示在其下方,并且每条关系都标注了持股比例。

结果比通用树形图示例更具体。节点被渲染为公司卡片,根公司显示为蓝色横幅,特殊公司可以显示控制人或风险标记,画布还使用了重复的分析风格背景。用户可以展开选定的子公司以显示更多分支,打开悬浮设置面板,修改画布交互行为,并将当前图谱导出为图片。

这个示例最值得关注的地方,是在同一个查看器中结合了三种行为:业务化节点渲染、布局完成后对上游分支的清理,以及一次性的惰性分支扩展。

数据是如何组织的

图谱数据是在 initializeGraph() 内部以内联方式组装的,整体是一个 RGJsonData 对象。初始数据声明了 rootId: '0'、11 个节点和 10 条所有权连线。这个结构已经将上游投资方(a-1a-2a)与焦点公司(0)以及下游子公司(15,以及 4 下面的子节点)分开。

有两个子公司在 `setJsonData(.