逐步图表展开

演示受控的图表展开，用户系统地浏览数据并增量显示相关节点。

逐步图表展开

功能概述

此示例演示受控的图表展开方法，用户可以系统地浏览数据，增量显示相关节点。

核心特性实现

顺序展开

以受控的顺序展开节点：

const expandStepByStep = async (startNode: RGNode) => {
    // 展开第一级
    graphInstance.setNodeCollapsed(startNode, false);
    await graphInstance.sleep(500);

    // 逐个展开子节点
    const children = startNode.lot.childs;
    for (const child of children) {
        graphInstance.setNodeCollapsed(child, false);
        await graphInstance.sleep(300);
    }
};

用户控制节奏

让用户控制展开速度：

const expandWithDelay = async (node: RGNode, delay: number) => {
    await graphInstance.sleep(delay);
    // ... 展开逻辑
};

创意使用场景

• 复杂系统：分解复杂的架构
• 学习路径：引导学习者了解依赖关系
• 流程文档：逐步工作流说明
• 数据谱系：逐步跟踪数据流
• 网络发现：系统的网络探索