添加节点后重新布局

演示在动态添加新节点后自动重新计算布局。

添加节点后重新布局

功能概述

本示例演示如何在动态添加新节点后触发布局重新计算。图会自动重新定位所有节点以适应新添加的内容。

核心特性实现

动态节点添加

// 动态添加新节点
graphInstance.addNodes([
    { id: 'new-node-1', text: 'New Node 1' },
    { id: 'new-node-2', text: 'New Node 2' }
]);

// 触发重新布局
graphInstance.doLayout();

自动布局刷新

添加节点后，布局会自动重新计算以适应所有节点。

创意使用场景

动态组织架构图：添加新员工并自动重新组织图表。保持适当的层次结构。

增长的知识图谱：添加新概念并自动重新定位。保持图表可读性。

工作流设计器：添加新的流程步骤并自动布局。保持流程流程清晰。

网络发现：动态添加发现的设备。自动布局适应新的拓扑。

思维导图：添加新想法并自动排列。保持思维导图有组织。

项目规划：添加新任务并重新组织。维护项目结构。

社交网络：添加新用户并重新定位。保持网络可视化清晰。

数据建模：添加新实体和关系。自动布局保持图表清晰。