返回主 PPT
TOPOLOGY & IMPACT

拓扑可视化 + 影响分析
一张图看清故障爆炸半径

基于 AntV G6 5.0 渲染引擎,实时 WebSocket 推送状态,
BFS 级联分析 + 历史回放 + 多版本视图,让复杂系统的依赖关系一目了然。

G6 5.0
渲染引擎
3
布局算法
30
天历史回放
100ms
批量渲染
01 / 08
返回
NODES & EDGES

节点与 链路 可视化

10 类设备图标 × 状态色边框 × 告警数字 Badge × 3 种软件依赖色

↑ 上行 ↓ 下行
核心交换机 5
物理机 PM-01
Server-01 2
API GW
数据库
Backup
网络链路(蚂蚁线 · 上下行)
软件依赖 calls
备份链路
节点 · 链路 · 分组规则
  • 4 状态色 — 绿 up / 橙 degraded / 红 down / 灰 unknown
  • Combo 嵌套 — 物理机实线框 / 虚拟机虚线框,同机房自动分组
  • 网络链路 — 绿色蚂蚁线 + 双向箭头,体现上下行流量
  • 软件依赖 3 色 — 橙:使用 / 蓝:调用 / 紫:数据存储
  • 备份链路 — 点线样式标识主备数据通道
  • 告警 Badge — 节点右上角红色数字,点击定位告警
  • 实时状态同步 — 心跳刷新节点与链路,默认 15s
10万+节点上限
3布局算法
15s状态刷新
02 / 08
返回
TOOLBAR & INTERACTIONS

工具栏 + 交互 操作

10 大工具按钮 + 7 种鼠标交互,桌面和移动端都顺手

10 项工具栏
搜索定位
缩放控制
全屏
导出 PNG
3 布局切换
鱼眼放大
多维过滤
布局保存
重置视图
视图选择
7 种鼠标交互
  • 单击 — 选中节点,右侧 DetailPanel 展开
  • 右键菜单 — 6 项操作(监控/运维/删除...)
  • Shift + 框选 — 矩形选区多选
  • 滚轮缩放 — 缩放中心跟随鼠标
移动端专属
  • 右下角 FAB — 4 按钮(搜索/筛选/适配/缩放)
  • 底部 DetailPanel — 上滑展开设备详情
  • 双指缩放 — 标准移动端手势
  • 单指拖拽 — 平移画布
03 / 08
返回
IMPACT ANALYSIS

故障 影响分析

从故障节点出发 BFS 遍历 — 一秒看清爆炸半径 + 关联软件 + 备份链路

sw-core-01
受影响设备(BFS 级联 2 层)
sv-web-01
sv-web-02
API-GW
DB-primary
DB-replica
backup
根因 down 受影响 degraded 故障传播(蚂蚁线) Backup 链路
根因:sw-core-01 故障
受影响设备:4 台
涉及软件:8 个(nginx/tomcat/pg...)
级联深度:2 层
单点故障:是(无冗余交换机)
可用 Backup:DB-replica(自动接管)
算法:以根因为起点,沿设备链路向下游 BFS 遍历;识别到冗余备份链路自动剔除,不计入故障传播范围。
04 / 08
返回
PATH ANALYSIS

两点间 路径分析

选起点终点 → 自动计算最短路径 + 识别瓶颈接口 + 展示完整跳转链

起点 A
核心交换
瓶颈 95%
备用路径
终点 B
1.2ms 8.5ms 2.1ms
路径分析输出
  • 最短路径 — A → 核心 → 瓶颈 → B,蚂蚁线标当前流量方向
  • 瓶颈识别 — 节点带宽 >90% 自动转 degraded 橙
  • 延迟累加 — 每跳 RTT 求和:11.8ms(1.2 + 8.5 + 2.1)
  • 备选路径 — 虚线展示冗余链路,可一键切换
应用场景:排查业务访问慢 — 选 Web 服务器到数据库,秒级定位到瓶颈是哪台设备、哪个接口。
05 / 08
返回
HISTORY PLAYBACK

30 天 历史回放

拖动时间游标回到任意时刻,配合告警时间线还原故障现场

⏮ 2026-04-14 15:23:42 ← 正在回放
-1h ▶ 播放 +1h
4/1 4/7 4/14 4/21 4/30
拓扑变更 告警 故障 恢复
核心能力
  • 30 天数据保留 — 每天自动快照拓扑 + 状态
  • 逐帧 / 加速回放 — 1x / 5x / 10x 速度
  • 告警时间线 — 当前时刻的告警列表
  • 状态快照 — 任意时刻设备状态 + 链路状态
复盘利器:故障发生后 → 回放 10 分钟前 → 观察告警链 → 发现第一个失控设备 → 定位根因。比读日志快 10 倍。
06 / 08
返回
MULTI-VERSION

多版本 拓扑视图

保存、对比、恢复多个视图快照 — 应对不同场景(日常 / 应急 / 变更)的展示需求

保存快照

当前节点布局 + 筛选条件 + 缩放比例打包存储;支持 3 个自定义视图

版本对比

双视图分屏,高亮节点 / 链路差异 — 升级前后对比一目了然

一键恢复

任意时刻切换到历史版本,误操作可即时回退

典型视图组合
日常视图
全景展开 — 所有节点一览无遗
应急视图
聚焦故障 — 只显示问题设备 + 关联节点
变更视图
聚焦变更 — 只显示本次变更涉及设备
持久化机制
  • 本地记忆 — 浏览器端持久化,不占后端资源
  • 用户级隔离 — 每人独立视图,不互相影响
  • 3 视图上限 — 避免无限膨胀,强制择优
07 / 08
返回
VALUE

拓扑的 核心价值

从"设备列表 + Excel 拓扑图"升级为"交互式可视化 + 智能分析"

全景可视

一张图覆盖全网设备、软件、链路

  • 设备 / 拓扑 / 依赖 三视图
  • Combo 物理机 / 虚拟机嵌套
10+设备类型
16监控协议

影响分析

BFS 根因归组 + 爆炸半径秒级可视

  • 沿设备链路广度遍历
  • 备份链路自动剔除去误报
< 1sBFS 计算
5级联深度

历史回放

30 天任意时刻快照,故障还原不靠记忆

  • 拓扑状态时间轴拖动
  • 故障前后差异 diff 对比
30 天回放窗口
5 min快照粒度

实时更新

WebSocket 推送 + 100ms 批量合并渲染

  • 心跳驱动节点颜色同步
  • 批量合并避免 G6 抖动
100ms批量渲染
10万+节点上限
"从 Excel 静态拓扑图(3 个月更新一次)到 实时交互式拓扑(秒级同步),是运维可视化的代际跨越。"
08 / 08